import { html, svg } from 'lit';

import { fontIcon, icon } from './utils.js';

// Paragraph icons

const TextSVG = svg`<path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4V6.66667C20.75 7.08088 20.4142 7.41667 20 7.41667C19.5858 7.41667 19.25 7.08088 19.25 6.66667V4.75H12.75V19.25H16C16.4142 19.25 16.75 19.5858 16.75 20C16.75 20.4142 16.4142 20.75 16 20.75H8C7.58579 20.75 7.25 20.4142 7.25 20C7.25 19.5858 7.58579 19.25 8 19.25H11.25V4.75H4.75V6.66667C4.75 7.08088 4.41421 7.41667 4 7.41667C3.58579 7.41667 3.25 7.08088 3.25 6.66667V4Z" fill="currentColor"/>`;

export const TextIcon = icon(TextSVG, 20);

export const TitleIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M2.84088 5.25C2.42667 5.25 2.09088 5.58579 2.09088 6V8C2.09088 8.41421 2.42667 8.75 2.84088 8.75C3.25509 8.75 3.59088 8.41421 3.59088 8V6.75H6.99997V17.25H5.0227C4.60849 17.25 4.2727 17.5858 4.2727 18C4.2727 18.4142 4.60849 18.75 5.0227 18.75H7.74997H10.4772C10.8915 18.75 11.2272 18.4142 11.2272 18C11.2272 17.5858 10.8915 17.25 10.4772 17.25H8.49997V6.75H11.9091V8C11.9091 8.41421 12.2449 8.75 12.6591 8.75C13.0733 8.75 13.4091 8.41421 13.4091 8V6C13.4091 5.58579 13.0733 5.25 12.6591 5.25H7.74997H2.84088ZM15.6045 5.25C15.1903 5.25 14.8545 5.58579 14.8545 6C14.8545 6.41421 15.1903 6.75 15.6045 6.75H21.059C21.4733 6.75 21.809 6.41421 21.809 6C21.809 5.58579 21.4733 5.25 21.059 5.25H15.6045ZM14.8545 12C14.8545 11.5858 15.1903 11.25 15.6045 11.25H21.059C21.4733 11.25 21.809 11.5858 21.809 12C21.809 12.4142 21.4733 12.75 21.059 12.75H15.6045C15.1903 12.75 14.8545 12.4142 14.8545 12ZM15.6045 17.25C15.1903 17.25 14.8545 17.5858 14.8545 18C14.8545 18.4142 15.1903 18.75 15.6045 18.75H21.059C21.4733 18.75 21.809 18.4142 21.809 18C21.809 17.5858 21.4733 17.25 21.059 17.25H15.6045Z"
    fill="currentColor"
  />
</svg> `;

/**
 * When icons with same shape with have multiple sizes, mark them as Small, _, Large size
 * For example: TextIconSmall, TextIcon, TextIconLarge
 */
export const TextIconLarge = icon(TextSVG);

export const Heading1Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M17.9256 6.5784V17.4764C17.9256 18.078 18.2564 18.4389 18.7878 18.4389C19.3292 18.4389 19.65 18.088 19.65 17.4764V5.72621C19.65 5.04445 19.1988 4.57324 18.5572 4.57324C18.1662 4.57324 17.8153 4.72363 17.1836 5.19484L15.1584 6.69871C14.7574 6.98946 14.5669 7.26016 14.5669 7.55091C14.5669 7.93189 14.8677 8.24269 15.2386 8.24269C15.4592 8.24269 15.6697 8.16248 15.9605 7.95194L17.8453 6.5784H17.9256ZM4.41998 4.90259C4.84523 4.90259 5.18996 5.24732 5.18996 5.67257V11.0239H11.3584V5.67257C11.3584 5.24732 11.7031 4.90259 12.1284 4.90259C12.5536 4.90259 12.8983 5.24732 12.8983 5.67257V11.7939V17.9153C12.8983 18.3405 12.5536 18.6853 12.1284 18.6853C11.7031 18.6853 11.3584 18.3405 11.3584 17.9153V12.5639H5.18996V17.9153C5.18996 18.3405 4.84523 18.6853 4.41998 18.6853C3.99473 18.6853 3.64999 18.3405 3.64999 17.9153V5.67257C3.64999 5.24732 3.99473 4.90259 4.41998 4.90259Z"
  />
</svg>`;

export const Heading2Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M14.1588 15.9996C13.5966 16.6381 13.4346 16.9049 13.4346 17.2479C13.4346 17.8006 13.873 18.1342 14.5686 18.1342H20.8578C21.3819 18.1342 21.6869 17.8578 21.6869 17.4099C21.6869 16.9525 21.3629 16.6762 20.8578 16.6762H15.5691V16.5618L19.0949 12.531C20.8102 10.5775 21.2962 9.67223 21.2962 8.43344C21.2962 6.33702 19.6476 4.85046 17.3035 4.85046C14.7878 4.85046 13.2154 6.54666 13.2154 8.16662C13.2154 8.6812 13.5204 9.03378 13.9873 9.03378C14.378 9.03378 14.6448 8.77649 14.7782 8.27144C15.0641 7.03265 15.9694 6.2989 17.1986 6.2989C18.6471 6.2989 19.6095 7.19464 19.6095 8.53826C19.6095 9.434 19.1998 10.2345 18.123 11.4637L14.1588 15.9996ZM3.41871 5.36361C3.82289 5.36361 4.15055 5.69127 4.15055 6.09545V11.1818H10.0134V6.09545C10.0134 5.69127 10.341 5.36361 10.7452 5.36361C11.1494 5.36361 11.4771 5.69127 11.4771 6.09545V11.9136V17.7317C11.4771 18.1359 11.1494 18.4636 10.7452 18.4636C10.341 18.4636 10.0134 18.1359 10.0134 17.7317V12.6454H4.15055V17.7317C4.15055 18.1359 3.82289 18.4636 3.41871 18.4636C3.01452 18.4636 2.68687 18.1359 2.68687 17.7317V6.09545C2.68687 5.69127 3.01452 5.36361 3.41871 5.36361Z"
  />
</svg>`;

export const Heading3Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M4.04957 5.85587C4.04957 5.44177 3.71388 5.10608 3.29979 5.10608C2.88569 5.10608 2.55 5.44177 2.55 5.85587V17.7775C2.55 18.1916 2.88569 18.5273 3.29979 18.5273C3.71388 18.5273 4.04957 18.1916 4.04957 17.7775V12.5665H10.0562V17.7775C10.0562 18.1916 10.3919 18.5273 10.806 18.5273C11.2201 18.5273 11.5558 18.1916 11.5558 17.7775V11.8167V5.85587C11.5558 5.44177 11.2201 5.10608 10.806 5.10608C10.3919 5.10608 10.0562 5.44177 10.0562 5.85587V11.0669H4.04957V5.85587ZM13.5289 15.0901C13.1108 15.0901 12.8162 15.3942 12.8162 15.8218C12.8162 17.2759 14.6124 18.7585 17.0643 18.7585C19.7063 18.7585 21.55 17.1999 21.55 14.976C21.55 13.3414 20.324 11.9349 18.7179 11.7543V11.6592C20.0389 11.4312 21.1128 10.0626 21.1128 8.62759C21.1128 6.65084 19.4212 5.2348 17.0453 5.2348C14.7074 5.2348 13.1203 6.66034 13.1203 8.1334C13.1203 8.60859 13.4054 8.92221 13.8426 8.92221C14.2132 8.92221 14.4508 8.72263 14.6409 8.19993C15.021 7.22106 15.8763 6.66034 17.0073 6.66034C18.4613 6.66034 19.4402 7.53468 19.4402 8.83667C19.4402 10.1387 18.4328 11.0795 17.0453 11.0795H15.9239C15.4677 11.0795 15.1636 11.3741 15.1636 11.7923C15.1636 12.201 15.4867 12.5146 15.9239 12.5146H17.1118C18.7654 12.5146 19.8774 13.4934 19.8774 14.9475C19.8774 16.4016 18.7939 17.3329 17.0928 17.3329C15.8003 17.3329 14.8119 16.7627 14.3177 15.7458C14.0707 15.2611 13.8616 15.0901 13.5289 15.0901Z"
  />
</svg>`;

export const Heading4Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M18.7933 15.7548V17.6864C18.7933 18.2383 19.0787 18.5523 19.583 18.5523C20.0968 18.5523 20.3823 18.2383 20.3823 17.6864V15.7548H21.3719C21.9143 15.7548 22.2188 15.4884 22.2188 15.0317C22.2188 14.5654 21.9047 14.299 21.3719 14.299H20.3823V6.69626C20.3823 5.81134 19.897 5.31654 19.0311 5.31654C18.3746 5.31654 17.9369 5.602 17.3755 6.42983C15.2155 9.66503 14.3591 11.0352 12.9984 13.4426C12.6654 14.0516 12.5512 14.3846 12.5512 14.7367C12.5512 15.3647 13.046 15.7548 13.7882 15.7548H18.7933ZM18.7933 14.299H14.1498V14.2038C15.3963 12.0439 17.09 9.32248 18.7076 6.93414H18.7933V14.299ZM2.94953 5.70536C3.35312 5.70536 3.6803 6.03254 3.6803 6.43613V11.515H9.53462V6.43613C9.53462 6.03254 9.86179 5.70536 10.2654 5.70536C10.669 5.70536 10.9962 6.03254 10.9962 6.43613V12.2458V18.0555C10.9962 18.459 10.669 18.7862 10.2654 18.7862C9.86179 18.7862 9.53462 18.459 9.53462 18.0555V12.9766H3.6803V18.0555C3.6803 18.459 3.35312 18.7862 2.94953 18.7862C2.54593 18.7862 2.21875 18.459 2.21875 18.0555V6.43613C2.21875 6.03254 2.54593 5.70536 2.94953 5.70536Z"
  />
</svg>`;

export const Heading5Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M13.6153 15.0526C13.2062 15.0526 12.9366 15.3687 12.9366 15.8335C12.9366 17.135 14.4705 18.6316 16.9246 18.6316C19.5182 18.6316 21.3682 16.8096 21.3682 14.2439C21.3682 11.8362 19.7042 10.1443 17.343 10.1443C16.2739 10.1443 15.1863 10.5905 14.768 11.2134H14.675L15.0283 7.0766H20.0388C20.5873 7.0766 20.8941 6.8256 20.8941 6.37939C20.8941 5.92388 20.578 5.6543 20.0388 5.6543H14.8237C14.0243 5.6543 13.6246 5.97966 13.5688 6.66757L13.1598 11.8734C13.1133 12.5892 13.3829 13.0075 13.9127 13.0075C14.2102 13.0075 14.3961 12.8959 15.0747 12.2638C15.6139 11.7804 16.2553 11.5387 16.9804 11.5387C18.5886 11.5387 19.7321 12.6914 19.7321 14.3275C19.7321 16.038 18.5515 17.2279 16.8596 17.2279C15.7441 17.2279 14.8888 16.6887 14.3775 15.6941C14.1358 15.22 13.9313 15.0526 13.6153 15.0526ZM3.08209 5.90389C3.47639 5.90389 3.79603 6.22353 3.79603 6.61783V11.5797H9.51545V6.61783C9.51545 6.22353 9.83509 5.90389 10.2294 5.90389C10.6237 5.90389 10.9433 6.22353 10.9433 6.61783V12.2936V17.9695C10.9433 18.3638 10.6237 18.6834 10.2294 18.6834C9.83509 18.6834 9.51545 18.3638 9.51545 17.9695V13.0076H3.79603V17.9695C3.79603 18.3638 3.47639 18.6834 3.08209 18.6834C2.6878 18.6834 2.36816 18.3638 2.36816 17.9695V6.61783C2.36816 6.22353 2.6878 5.90389 3.08209 5.90389Z"
  />
</svg>`;

export const Heading6Icon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M17.6502 5.51672C14.5518 5.51672 12.8253 8.00853 12.8253 12.4975C12.8253 14.4294 13.1426 15.8759 13.7865 16.9025C14.5518 18.1064 15.8117 18.7597 17.3889 18.7597C19.9834 18.7597 21.7379 17.0145 21.7379 14.448C21.7379 12.0122 20.0767 10.3043 17.7062 10.3043C16.2503 10.3043 14.9158 11.107 14.4865 12.2455H14.4118C14.4398 8.75514 15.5411 6.92595 17.6222 6.92595C18.4528 6.92595 19.1528 7.22459 19.8247 7.8872C20.1607 8.21385 20.3567 8.3165 20.618 8.3165C21.0193 8.3165 21.3086 8.01786 21.3086 7.61656C21.3086 7.18726 20.9353 6.67397 20.3193 6.27266C19.6101 5.78737 18.6488 5.51672 17.6502 5.51672ZM17.4542 17.3598C15.8024 17.3598 14.6451 16.1746 14.6451 14.504C14.6451 12.8521 15.7744 11.6949 17.3889 11.6949C19.0501 11.6949 20.1327 12.8148 20.1327 14.5134C20.1327 16.2306 19.0594 17.3598 17.4542 17.3598ZM3.45463 5.99129C3.85047 5.99129 4.17137 6.31218 4.17137 6.70803V11.6894H9.91326V6.70803C9.91326 6.31218 10.2342 5.99129 10.63 5.99129C11.0259 5.99129 11.3467 6.31218 11.3467 6.70803V12.4061V18.1043C11.3467 18.5001 11.0259 18.821 10.63 18.821C10.2342 18.821 9.91326 18.5001 9.91326 18.1043V13.1229H4.17137V18.1043C4.17137 18.5001 3.85047 18.821 3.45463 18.821C3.05878 18.821 2.73788 18.5001 2.73788 18.1043V6.70803C2.73788 6.31218 3.05878 5.99129 3.45463 5.99129Z"
  />
</svg>`;

const BulletedListSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M4.29999 7.5C4.85227 7.5 5.29999 7.05228 5.29999 6.5C5.29999 5.94772 4.85227 5.5 4.29999 5.5C3.7477 5.5 3.29999 5.94772 3.29999 6.5C3.29999 7.05228 3.7477 7.5 4.29999 7.5ZM8.33335 5.75073C7.91914 5.75071 7.58334 6.08648 7.58331 6.50069C7.58329 6.9149 7.91906 7.25071 8.33327 7.25073L20.2499 7.2514C20.6641 7.25142 20.9999 6.91565 21 6.50144C21 6.08722 20.6642 5.75142 20.25 5.7514L8.33335 5.75073ZM8.33336 11.2508C7.91914 11.2508 7.58334 11.5865 7.58331 12.0007C7.58329 12.415 7.91905 12.7508 8.33327 12.7508L20.25 12.7515C20.6642 12.7515 21 12.4158 21 12.0015C21 11.5873 20.6643 11.2515 20.2501 11.2515L8.33336 11.2508ZM8.33336 16.7508C7.91914 16.7508 7.58334 17.0865 7.58331 17.5007C7.58329 17.915 7.91905 18.2508 8.33327 18.2508L20.25 18.2515C20.6642 18.2515 21 17.9158 21 17.5016C21 17.0873 20.6643 16.7515 20.25 16.7515L8.33336 16.7508ZM5.29999 12C5.29999 12.5523 4.85227 13 4.29999 13C3.7477 13 3.29999 12.5523 3.29999 12C3.29999 11.4477 3.7477 11 4.29999 11C4.85227 11 5.29999 11.4477 5.29999 12ZM4.29999 18.5C4.85227 18.5 5.29999 18.0523 5.29999 17.5C5.29999 16.9477 4.85227 16.5 4.29999 16.5C3.7477 16.5 3.29999 16.9477 3.29999 17.5C3.29999 18.0523 3.7477 18.5 4.29999 18.5Z"/>`;

export const BulletedListIcon = icon(BulletedListSVG, 20);

export const BulletedListIconLarge = icon(BulletedListSVG, 24);

const NumberedListSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M4.1287 5.76205C4.18101 5.74447 4.22813 5.71723 4.27846 5.68228L4.53386 5.50534V7.63997C4.53386 7.82761 4.59717 7.9904 4.71548 8.10631C4.83355 8.222 4.99776 8.28258 5.18421 8.28258C5.37066 8.28258 5.53488 8.222 5.65295 8.10631C5.77126 7.9904 5.83457 7.82761 5.83457 7.63997V4.93384C5.83457 4.72505 5.76932 4.54353 5.6384 4.41417C5.50756 4.2849 5.32242 4.21887 5.10409 4.21887C4.88258 4.21887 4.6705 4.24086 4.42948 4.40154L3.75168 4.85427C3.57975 4.97094 3.5 5.12628 3.5 5.31379C3.5 5.58698 3.70304 5.7858 3.96426 5.7858C4.02312 5.7858 4.07561 5.7799 4.1287 5.76205ZM9.40567 5.6015C8.98147 5.60148 8.63757 5.94534 8.63755 6.36953C8.63752 6.79373 8.98138 7.13762 9.40557 7.13765L19.7319 7.13827C20.1561 7.1383 20.5 6.79444 20.5 6.37024C20.5 5.94605 20.1562 5.60215 19.732 5.60213L9.40567 5.6015ZM9.40567 11.234C8.98147 11.234 8.63757 11.5779 8.63755 12.0021C8.63752 12.4263 8.98138 12.7702 9.40557 12.7702L19.7319 12.7708C20.1561 12.7708 20.5 12.427 20.5 12.0028C20.5 11.5786 20.1562 11.2347 19.732 11.2347L9.40567 11.234ZM9.40567 16.8666C8.98147 16.8666 8.63757 17.2104 8.63755 17.6346C8.63752 18.0588 8.98138 18.4027 9.40557 18.4027L19.7319 18.4033C20.1561 18.4034 20.5 18.0595 20.5 17.6353C20.5 17.2111 20.1562 16.8672 19.732 16.8672L9.40567 16.8666ZM6.62426 11.114C6.63609 11.048 6.6419 10.9782 6.6419 10.9031C6.6419 10.2259 6.06294 9.7684 5.15573 9.7684C4.5044 9.7684 3.97971 10.045 3.78328 10.4895C3.77042 10.5192 3.76022 10.5492 3.75251 10.5798C3.76022 10.5492 3.77044 10.5191 3.78331 10.4894C3.97974 10.0449 4.50442 9.7683 5.15575 9.7683C6.06297 9.7683 6.64193 10.2258 6.64193 10.903C6.64193 10.9782 6.6361 11.048 6.62426 11.114ZM5.12474 12.7537L5.12471 12.7537V12.7744H6.30848C6.58246 12.7744 6.73753 12.9372 6.73753 13.1879C6.73753 13.2197 6.73493 13.2502 6.72981 13.2792C6.73495 13.2502 6.73756 13.2196 6.73756 13.1878C6.73756 12.9371 6.58248 12.7743 6.30851 12.7743H5.12474V12.7537ZM3.73998 12.9913C3.77464 12.8518 3.86616 12.7304 4.02368 12.5985L5.04978 11.7197C5.38832 11.4292 5.53086 11.2672 5.57304 11.0983C5.5309 11.2672 5.38836 11.4293 5.04976 11.7198L4.02365 12.5986C3.86617 12.7305 3.77466 12.8519 3.73998 12.9913ZM4.50342 11.1816C4.59839 11.1252 4.67754 11.0396 4.75422 10.9274C4.81979 10.8327 4.87897 10.7719 4.93846 10.7343C4.99601 10.6979 5.05933 10.6797 5.14025 10.6797C5.25266 10.6797 5.33878 10.7139 5.39544 10.7645C5.45119 10.8143 5.48498 10.8855 5.48498 10.9753C5.48498 11.1448 5.40603 11.2791 4.9831 11.642L3.95747 12.5204C3.73832 12.704 3.62145 12.8851 3.62145 13.1283C3.62145 13.2841 3.66578 13.4314 3.77329 13.5397C3.88112 13.6484 4.03847 13.7037 4.23562 13.7037H6.30851C6.46671 13.7037 6.60202 13.6548 6.69803 13.5592C6.79392 13.4637 6.83997 13.3323 6.83997 13.1878C6.83997 13.0412 6.79418 12.9093 6.6977 12.8141C6.60129 12.719 6.46582 12.6718 6.30851 12.6718H5.37617L5.87155 12.2443C6.15942 11.9949 6.3783 11.7967 6.52349 11.5947C6.67287 11.3868 6.74434 11.1753 6.74434 10.903C6.74434 10.5321 6.58449 10.2187 6.30157 10.0006C6.02097 9.78425 5.62548 9.66589 5.15575 9.66589C4.48013 9.66589 3.90785 9.95417 3.68934 10.4487C3.64978 10.54 3.63179 10.6341 3.63179 10.7324C3.63179 10.8869 3.68238 11.0223 3.78385 11.1187C3.8847 11.2145 4.02467 11.2613 4.18393 11.2613C4.30216 11.2613 4.40667 11.2391 4.50342 11.1816ZM3.67138 16.0785C3.82347 15.664 4.34013 15.2247 5.22801 15.2247C5.68517 15.2247 6.09277 15.3214 6.38781 15.5143C6.68486 15.7085 6.86644 15.9999 6.86644 16.3799C6.86644 16.8627 6.55828 17.1838 6.17395 17.3212C6.40817 17.3704 6.60427 17.4641 6.75036 17.5998C6.93436 17.7707 7.035 18.0045 7.035 18.2873C7.035 18.6915 6.86059 19.0236 6.54548 19.2529C6.23205 19.4811 5.78277 19.6055 5.23363 19.6055C4.27385 19.6055 3.73928 19.1473 3.59258 18.7372C3.56511 18.6608 3.55307 18.5763 3.55307 18.5092C3.55307 18.3499 3.60652 18.216 3.70785 18.1223C3.80872 18.0289 3.95152 17.9805 4.12117 17.9805C4.23774 17.9805 4.33814 17.9997 4.42613 18.0439C4.51436 18.0882 4.58653 18.1558 4.64935 18.247C4.72378 18.3559 4.79404 18.4374 4.8851 18.4925C4.97546 18.5471 5.09131 18.5788 5.26173 18.5788C5.53989 18.5788 5.7218 18.414 5.7218 18.2002C5.7218 18.0706 5.67315 17.9761 5.58111 17.9118C5.48617 17.8455 5.33953 17.8076 5.13812 17.8076H5.11003C4.96167 17.8076 4.84264 17.7662 4.76061 17.6859C4.67849 17.6054 4.64024 17.4925 4.64024 17.3631C4.64024 17.2388 4.6788 17.1269 4.76042 17.0461C4.84209 16.9653 4.96094 16.9214 5.11003 16.9214H5.13812C5.3156 16.9214 5.449 16.8827 5.53665 16.8186C5.62237 16.7559 5.66843 16.6661 5.66843 16.5512C5.66843 16.4399 5.62767 16.3529 5.5564 16.293C5.48412 16.2322 5.37547 16.1951 5.23363 16.1951C5.1199 16.1951 5.02579 16.2182 4.94752 16.2628C4.86935 16.3074 4.80383 16.3753 4.74999 16.4698C4.68013 16.5935 4.60457 16.683 4.50858 16.7408C4.41232 16.7988 4.30106 16.8216 4.16612 16.8216C3.99313 16.8216 3.85731 16.7706 3.76471 16.6781C3.67224 16.5856 3.62892 16.4576 3.62892 16.3153C3.62892 16.2303 3.64147 16.1623 3.67138 16.0785Z"/>`;
export const NumberedListIconLarge = icon(NumberedListSVG, 24);
export const NumberedListIcon = icon(NumberedListSVG, 20);

export const DatabaseTableViewSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M3.25 6C3.25 4.48122 4.48122 3.25 6 3.25H18C19.5188 3.25 20.75 4.48122 20.75 6V18C20.75 19.5188 19.5188 20.75 18 20.75H6C4.48122 20.75 3.25 19.5188 3.25 18V6ZM6 4.75C5.30964 4.75 4.75 5.30964 4.75 6V8.25H19.25V6C19.25 5.30964 18.6904 4.75 18 4.75H6ZM4.75 18V9.75H7.75V19.25H6C5.30964 19.25 4.75 18.6904 4.75 18ZM9.25 19.25H18C18.6904 19.25 19.25 18.6904 19.25 18V9.75H9.25V19.25Z"/>`;

/**
 * Size 24
 *
 * See also {@link DatabaseTableViewIcon20}
 */
export const DatabaseTableViewIcon = icon(DatabaseTableViewSVG);
export const DatabaseTableViewIcon20 = icon(DatabaseTableViewSVG, 20);

export const DatabaseKanbanViewSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.5 3.75C4.5335 3.75 3.75 4.5335 3.75 5.5V18C3.75 18.9665 4.5335 19.75 5.5 19.75H9.5C10.4665 19.75 11.25 18.9665 11.25 18V5.5C11.25 4.5335 10.4665 3.75 9.5 3.75H5.5ZM5.25 5.5C5.25 5.36193 5.36193 5.25 5.5 5.25H9.5C9.63807 5.25 9.75 5.36193 9.75 5.5V18C9.75 18.1381 9.63807 18.25 9.5 18.25H5.5C5.36193 18.25 5.25 18.1381 5.25 18V5.5ZM14.5 3.75C13.5335 3.75 12.75 4.5335 12.75 5.5V12.5C12.75 13.4665 13.5335 14.25 14.5 14.25H18.5C19.4665 14.25 20.25 13.4665 20.25 12.5V5.5C20.25 4.5335 19.4665 3.75 18.5 3.75H14.5ZM14.25 5.5C14.25 5.36193 14.3619 5.25 14.5 5.25H18.5C18.6381 5.25 18.75 5.36193 18.75 5.5V12.5C18.75 12.6381 18.6381 12.75 18.5 12.75H14.5C14.3619 12.75 14.25 12.6381 14.25 12.5V5.5Z"/>`;

/**
 * Size 24
 *
 * See also {@link DatabaseKanbanViewIcon20}
 */
export const DatabaseKanbanViewIcon = icon(DatabaseKanbanViewSVG);
export const DatabaseKanbanViewIcon20 = icon(DatabaseKanbanViewSVG, 20);

export const CheckBoxIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M6 3.25C4.48122 3.25 3.25 4.48122 3.25 6V18C3.25 19.5188 4.48122 20.75 6 20.75H18C19.5188 20.75 20.75 19.5188 20.75 18V6C20.75 4.48122 19.5188 3.25 18 3.25H6ZM4.75 6C4.75 5.30964 5.30964 4.75 6 4.75H18C18.6904 4.75 19.25 5.30964 19.25 6V18C19.25 18.6904 18.6904 19.25 18 19.25H6C5.30964 19.25 4.75 18.6904 4.75 18V6ZM16.5303 9.53033C16.8232 9.23744 16.8232 8.76256 16.5303 8.46967C16.2374 8.17678 15.7626 8.17678 15.4697 8.46967L10.5 13.4393L9.03033 11.9697C8.73744 11.6768 8.26256 11.6768 7.96967 11.9697C7.67678 12.2626 7.67678 12.7374 7.96967 13.0303L9.96967 15.0303C10.2626 15.3232 10.7374 15.3232 11.0303 15.0303L16.5303 9.53033Z"
  />
</svg>`;

export const CodeBlockIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M2.25 6C2.25 4.48122 3.48122 3.25 5 3.25H19C20.5188 3.25 21.75 4.48122 21.75 6V18C21.75 19.5188 20.5188 20.75 19 20.75H5C3.48122 20.75 2.25 19.5188 2.25 18V6ZM5 4.75C4.30964 4.75 3.75 5.30964 3.75 6V18C3.75 18.6904 4.30964 19.25 5 19.25H19C19.6904 19.25 20.25 18.6904 20.25 18V6C20.25 5.30964 19.6904 4.75 19 4.75H5ZM10.5303 9.36957C10.8232 9.66247 10.8232 10.1373 10.5303 10.4302L8.93934 12.0212L10.5303 13.6122C10.8232 13.9051 10.8232 14.38 10.5303 14.6729C10.2374 14.9658 9.76256 14.9658 9.46967 14.6729L7.34835 12.5516C7.05546 12.2587 7.05546 11.7838 7.34835 11.4909L9.46967 9.36957C9.76256 9.07668 10.2374 9.07668 10.5303 9.36957ZM13.4697 10.4302C13.1768 10.1373 13.1768 9.66247 13.4697 9.36957C13.7626 9.07668 14.2374 9.07668 14.5303 9.36957L16.6517 11.4909C16.9445 11.7838 16.9445 12.2587 16.6517 12.5516L14.5303 14.6729C14.2374 14.9658 13.7626 14.9658 13.4697 14.6729C13.1768 14.38 13.1768 13.9051 13.4697 13.6122L15.0607 12.0212L13.4697 10.4302Z"
  />
</svg>`;

export const QuoteIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M5 10.9655V11.0953V15.0608C5 15.6262 5.45838 16.0846 6.02382 16.0846H10.119C10.6845 16.0846 11.1429 15.6262 11.1429 15.0608V10.9655C11.1429 10.4001 10.6845 9.9417 10.119 9.9417H6.70422C7.17415 8.66255 8.40313 7.75 9.84524 7.75V6.25C7.24961 6.25 5.13069 8.29105 5.00582 10.8557C5.00197 10.8918 5 10.9284 5 10.9655ZM13 10.9655V11.0953V15.0608C13 15.6262 13.4584 16.0846 14.0238 16.0846H18.119C18.6845 16.0846 19.1429 15.6262 19.1429 15.0608V10.9655C19.1429 10.4001 18.6845 9.9417 18.119 9.9417H14.7042C15.1741 8.66255 16.4031 7.75 17.8452 7.75V6.25C15.2496 6.25 13.1307 8.29105 13.0058 10.8557C13.002 10.8918 13 10.9284 13 10.9655Z"
  />
</svg>`;

export const DividerIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M4 4.25C4.41421 4.25 4.75 4.58579 4.75 5V6C4.75 6.69036 5.30964 7.25 6 7.25H18C18.6904 7.25 19.25 6.69036 19.25 6V5C19.25 4.58579 19.5858 4.25 20 4.25C20.4142 4.25 20.75 4.58579 20.75 5V6C20.75 7.51878 19.5188 8.75 18 8.75H6C4.48122 8.75 3.25 7.51878 3.25 6V5C3.25 4.58579 3.58579 4.25 4 4.25ZM4 19.75C4.41421 19.75 4.75 19.4142 4.75 19V18C4.75 17.3096 5.30964 16.75 6 16.75H18C18.6904 16.75 19.25 17.3096 19.25 18V19C19.25 19.4142 19.5858 19.75 20 19.75C20.4142 19.75 20.75 19.4142 20.75 19V18C20.75 16.4812 19.5188 15.25 18 15.25H6C4.48122 15.25 3.25 16.4812 3.25 18V19C3.25 19.4142 3.58579 19.75 4 19.75ZM3 11.25C2.58579 11.25 2.25 11.5858 2.25 12C2.25 12.4142 2.58579 12.75 3 12.75H3.09H3.36H3.84H4.11H4.2C4.61421 12.75 4.95 12.4142 4.95 12C4.95 11.5858 4.61421 11.25 4.2 11.25H4.11H3.84H3.36H3.09H3ZM6.44995 12C6.44995 11.5858 6.78574 11.25 7.19995 11.25H7.28995H7.55995H8.03995H8.30995H8.39995C8.81416 11.25 9.14995 11.5858 9.14995 12C9.14995 12.4142 8.81416 12.75 8.39995 12.75H8.30995H8.03995H7.55995H7.28995H7.19995C6.78574 12.75 6.44995 12.4142 6.44995 12ZM11.3999 11.25C10.9857 11.25 10.6499 11.5858 10.6499 12C10.6499 12.4142 10.9857 12.75 11.3999 12.75H11.4899H11.7599H12.2399H12.5099H12.5999C13.0141 12.75 13.3499 12.4142 13.3499 12C13.3499 11.5858 13.0141 11.25 12.5999 11.25H12.5099H12.2399H11.7599H11.4899H11.3999ZM14.8499 12C14.8499 11.5858 15.1856 11.25 15.5999 11.25H15.6899H15.9599H16.4399H16.7099H16.7999C17.2141 11.25 17.5499 11.5858 17.5499 12C17.5499 12.4142 17.2141 12.75 16.7999 12.75H16.7099H16.4399H15.9599H15.6899H15.5999C15.1856 12.75 14.8499 12.4142 14.8499 12ZM19.7998 11.25C19.3856 11.25 19.0498 11.5858 19.0498 12C19.0498 12.4142 19.3856 12.75 19.7998 12.75H19.8898H20.1598H20.6398H20.9098H20.9998C21.414 12.75 21.7498 12.4142 21.7498 12C21.7498 11.5858 21.414 11.25 20.9998 11.25H20.9098H20.6398H20.1598H19.8898H19.7998Z"
  />
</svg>`;

// Format icons

export const BoldIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M6.25 4C6.25 3.58579 6.58579 3.25 7 3.25H12.9583C15.6288 3.25 17.8333 5.35506 17.8333 8C17.8333 9.51519 17.1099 10.8532 15.9898 11.7198C17.6162 12.484 18.75 14.1032 18.75 16C18.75 18.6449 16.5455 20.75 13.875 20.75H7C6.58579 20.75 6.25 20.4142 6.25 20V4ZM7.75 12.75V19.25H13.875C15.7609 19.25 17.25 17.7733 17.25 16C17.25 14.2267 15.7609 12.75 13.875 12.75H7.75ZM7.75 11.25H12.9583C14.8442 11.25 16.3333 9.77334 16.3333 8C16.3333 6.22666 14.8442 4.75 12.9583 4.75H7.75V11.25Z"
  />
</svg>`;

export const ItalicIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M14.6075 3.24996H10.25C9.83579 3.24996 9.5 3.58575 9.5 3.99996C9.5 4.41417 9.83579 4.74996 10.25 4.74996H13.5896L8.83175 19.25H5C4.58579 19.25 4.25 19.5857 4.25 20C4.25 20.4142 4.58579 20.75 5 20.75H9.35778C9.36938 20.7502 9.38095 20.7502 9.39249 20.75H13.75C14.1642 20.75 14.5 20.4142 14.5 20C14.5 19.5857 14.1642 19.25 13.75 19.25H10.4104L15.1682 4.74996H19C19.4142 4.74996 19.75 4.41417 19.75 3.99996C19.75 3.58575 19.4142 3.24996 19 3.24996H14.6422C14.6306 3.24969 14.619 3.24969 14.6075 3.24996Z"
  />
</svg>`;

export const UnderlineIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M7.74427 3.96773C7.74427 3.52145 7.38249 3.15967 6.93621 3.15967C6.48992 3.15967 6.12814 3.52145 6.12814 3.96773V10.971C6.12814 14.0949 8.66062 16.6274 11.7846 16.6274C14.9086 16.6274 17.441 14.0949 17.441 10.971V3.96773C17.441 3.52145 17.0793 3.15967 16.633 3.15967C16.1867 3.15967 15.8249 3.52145 15.8249 3.96773V10.971C15.8249 13.2024 14.016 15.0113 11.7846 15.0113C9.55318 15.0113 7.74427 13.2024 7.74427 10.971V3.96773ZM4.45809 19.321C4.01181 19.321 3.65002 19.6828 3.65002 20.129C3.65002 20.5753 4.01181 20.9371 4.45809 20.9371H19.542C19.9882 20.9371 20.35 20.5753 20.35 20.129C20.35 19.6828 19.9882 19.321 19.542 19.321H4.45809Z"
  />
</svg>`;

export const StrikethroughIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M8.40605 7.46437C8.40605 5.54921 9.9586 3.99667 11.8738 3.99667C13.2452 3.99667 14.4322 4.79274 14.9951 5.95145C15.181 6.33412 15.6419 6.49363 16.0246 6.30773C16.4072 6.12183 16.5668 5.66092 16.3809 5.27825C15.57 3.60922 13.8573 2.45605 11.8738 2.45605C9.10773 2.45605 6.86543 4.69835 6.86543 7.46437C6.86543 8.21934 7.03248 8.9353 7.33163 9.57729H9.1239C8.67373 8.99229 8.40605 8.25959 8.40605 7.46437ZM14.9176 15.9402C14.9176 15.145 14.6499 14.4123 14.1998 13.8273H15.992C16.2912 14.4693 16.4582 15.1852 16.4582 15.9402C16.4582 18.7062 14.2159 20.9485 11.4499 20.9485C9.46635 20.9485 7.75362 19.7953 6.9428 18.1263C6.7569 17.7436 6.91641 17.2827 7.29907 17.0968C7.68174 16.9109 8.14265 17.0704 8.32855 17.4531C8.89146 18.6118 10.0784 19.4079 11.4499 19.4079C13.3651 19.4079 14.9176 17.8553 14.9176 15.9402ZM4.29688 10.9054C3.85677 10.9054 3.5 11.2622 3.5 11.7023C3.5 12.1424 3.85677 12.4992 4.29688 12.4992H19.7031C20.1432 12.4992 20.5 12.1424 20.5 11.7023C20.5 11.2622 20.1432 10.9054 19.7031 10.9054H4.29688Z"
  />
</svg>`;

export const CodeIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M13.9819 4.27233C14.3837 4.37279 14.6281 4.77999 14.5276 5.18183L10.9276 19.5818C10.8271 19.9837 10.4199 20.228 10.0181 20.1275C9.61625 20.0271 9.37193 19.6199 9.47239 19.218L13.0724 4.81803C13.1729 4.41619 13.5801 4.17186 13.9819 4.27233ZM7.13033 8.0696C7.42322 8.3625 7.42322 8.83737 7.13033 9.13026L4.06066 12.1999L7.13033 15.2696C7.42322 15.5625 7.42322 16.0374 7.13033 16.3303C6.83744 16.6232 6.36256 16.6232 6.06967 16.3303L2.46967 12.7303C2.17678 12.4374 2.17678 11.9625 2.46967 11.6696L6.06967 8.0696C6.36256 7.77671 6.83744 7.77671 7.13033 8.0696ZM16.8697 8.0696C17.1626 7.77671 17.6374 7.77671 17.9303 8.0696L21.5303 11.6696C21.8232 11.9625 21.8232 12.4374 21.5303 12.7303L17.9303 16.3303C17.6374 16.6232 17.1626 16.6232 16.8697 16.3303C16.5768 16.0374 16.5768 15.5625 16.8697 15.2696L19.9393 12.1999L16.8697 9.13026C16.5768 8.83737 16.5768 8.3625 16.8697 8.0696Z"
  />
</svg>`;

const LinkSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M18.4283 5.57173C17.3326 4.47609 15.5563 4.47609 14.4606 5.57173L13.4832 6.54916C13.1903 6.84205 12.7154 6.84205 12.4225 6.54916C12.1296 6.25627 12.1296 5.78139 12.4225 5.4885L13.4 4.51107C15.0814 2.82964 17.8075 2.82964 19.4889 4.51107C21.1704 6.19249 21.1704 8.91862 19.4889 10.6L15.9334 14.1556C14.252 15.837 11.5258 15.837 9.8444 14.1556C9.55151 13.8627 9.55151 13.3878 9.8444 13.0949C10.1373 12.802 10.6122 12.802 10.9051 13.0949C12.0007 14.1906 13.7771 14.1906 14.8727 13.0949L18.4283 9.53938C19.5239 8.44375 19.5239 6.66737 18.4283 5.57173ZM13.0949 10.9051C11.9993 9.80942 10.2229 9.80942 9.12728 10.9051L5.57173 14.4606C4.47609 15.5563 4.47609 17.3326 5.57173 18.4283C6.66737 19.5239 8.44375 19.5239 9.53938 18.4283L10.5185 17.4491C10.8114 17.1562 11.2863 17.1562 11.5792 17.4491C11.8721 17.742 11.8721 18.2169 11.5792 18.5098L10.6 19.4889C8.91862 21.1704 6.19249 21.1704 4.51107 19.4889C2.82964 17.8075 2.82964 15.0814 4.51107 13.4L8.06662 9.8444C9.74805 8.16298 12.4742 8.16298 14.1556 9.8444C14.4485 10.1373 14.4485 10.6122 14.1556 10.9051C13.8627 11.198 13.3878 11.198 13.0949 10.9051Z"/>`;

export const LinkIcon = icon(LinkSVG, 20);

export const FontLinkIcon = fontIcon(LinkSVG);

// Slash menu action icons
export const CopyIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M3.25 6C3.25 4.48122 4.48122 3.25 6 3.25H14C15.5188 3.25 16.75 4.48122 16.75 6V7.25H18C19.5188 7.25 20.75 8.48122 20.75 10V18C20.75 19.5188 19.5188 20.75 18 20.75H10C8.48122 20.75 7.25 19.5188 7.25 18V16.75H6C4.48122 16.75 3.25 15.5188 3.25 14V6ZM8.75 18C8.75 18.6904 9.30964 19.25 10 19.25H18C18.6904 19.25 19.25 18.6904 19.25 18V10C19.25 9.30964 18.6904 8.75 18 8.75H10C9.30964 8.75 8.75 9.30964 8.75 10V18ZM15.25 7.25H10C8.48122 7.25 7.25 8.48122 7.25 10V15.25H6C5.30964 15.25 4.75 14.6904 4.75 14V6C4.75 5.30964 5.30964 4.75 6 4.75H14C14.6904 4.75 15.25 5.30964 15.25 6V7.25Z"
  />
</svg>`;

export const DuplicateIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M6 3.25C4.48122 3.25 3.25 4.48122 3.25 6V14C3.25 15.5188 4.48122 16.75 6 16.75H7.25V18C7.25 19.5188 8.48122 20.75 10 20.75H18C19.5188 20.75 20.75 19.5188 20.75 18V10C20.75 8.48122 19.5188 7.25 18 7.25H16.75V6C16.75 4.48122 15.5188 3.25 14 3.25H6ZM10 7.25H15.25V6C15.25 5.30964 14.6904 4.75 14 4.75H6C5.30964 4.75 4.75 5.30964 4.75 6V14C4.75 14.6904 5.30964 15.25 6 15.25H8C8.41421 15.25 8.75 15.5858 8.75 16V18C8.75 18.6904 9.30964 19.25 10 19.25H18C18.6904 19.25 19.25 18.6904 19.25 18V10C19.25 9.30964 18.6904 8.75 18 8.75H16H10C9.46561 8.75 9.00774 9.08568 8.82933 9.56024C8.68357 9.94796 8.2511 10.1441 7.86338 9.99835C7.47566 9.85259 7.27951 9.42012 7.42527 9.0324C7.81633 7.99216 8.82056 7.25 10 7.25ZM12.8871 10.489C12.6049 10.1858 12.1303 10.1688 11.8271 10.451C11.524 10.7333 11.507 11.2078 11.7892 11.511L12.4771 12.25H7.79999C7.38577 12.25 7.04999 12.5858 7.04999 13C7.04999 13.4142 7.38577 13.75 7.79999 13.75H12.4771L11.7892 14.489C11.507 14.7922 11.524 15.2667 11.8271 15.549C12.1303 15.8312 12.6049 15.8142 12.8871 15.511L14.7489 13.511C15.017 13.2231 15.017 12.7769 14.7489 12.489L12.8871 10.489Z"
  />
</svg>`;

export const DeleteIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M11 2.25C9.48122 2.25 8.25 3.48122 8.25 5V6.1499H4C3.53056 6.1499 3.15 6.53046 3.15 6.9999C3.15 7.46934 3.53056 7.8499 4 7.8499H4.3088L5.11923 19.1959C5.22202 20.635 6.41948 21.75 7.86224 21.75H16.1378C17.5805 21.75 18.778 20.635 18.8808 19.1959L19.6912 7.8499H20C20.4694 7.8499 20.85 7.46934 20.85 6.9999C20.85 6.53046 20.4694 6.1499 20 6.1499H15.75V5C15.75 3.48122 14.5188 2.25 13 2.25H11ZM14.25 6.1499V5C14.25 4.30964 13.6904 3.75 13 3.75H11C10.3096 3.75 9.75 4.30964 9.75 5V6.1499H14.25ZM18.1874 7.8499H5.81262L6.61542 19.0891C6.66214 19.7432 7.20644 20.25 7.86224 20.25H16.1378C16.7936 20.25 17.3379 19.7432 17.3846 19.0891L18.1874 7.8499ZM10.75 11C10.75 10.5858 10.4142 10.25 10 10.25C9.58579 10.25 9.25 10.5858 9.25 11V17C9.25 17.4142 9.58579 17.75 10 17.75C10.4142 17.75 10.75 17.4142 10.75 17V11ZM14 10.25C14.4142 10.25 14.75 10.5858 14.75 11V17C14.75 17.4142 14.4142 17.75 14 17.75C13.5858 17.75 13.25 17.4142 13.25 17V11C13.25 10.5858 13.5858 10.25 14 10.25Z"
  />
</svg>`;

// Date & Time icons
export const TodayIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M8 2.75C8.41421 2.75 8.75 3.08579 8.75 3.5V4.25H15.25V3.5C15.25 3.08579 15.5858 2.75 16 2.75C16.4142 2.75 16.75 3.08579 16.75 3.5V4.25H19C20.5188 4.25 21.75 5.48122 21.75 7V9.5V19C21.75 20.5188 20.5188 21.75 19 21.75H5C3.48122 21.75 2.25 20.5188 2.25 19V9.5V7C2.25 5.48122 3.48122 4.25 5 4.25H7.25V3.5C7.25 3.08579 7.58579 2.75 8 2.75ZM15.25 5.75V6.5C15.25 6.91421 15.5858 7.25 16 7.25C16.4142 7.25 16.75 6.91421 16.75 6.5V5.75H19C19.6904 5.75 20.25 6.30964 20.25 7V8.75H3.75V7C3.75 6.30964 4.30964 5.75 5 5.75H7.25V6.5C7.25 6.91421 7.58579 7.25 8 7.25C8.41421 7.25 8.75 6.91421 8.75 6.5V5.75H15.25ZM20.25 10.25H3.75V19C3.75 19.6904 4.30964 20.25 5 20.25H19C19.6904 20.25 20.25 19.6904 20.25 19V10.25ZM7 11.8C6.72386 11.8 6.5 12.0239 6.5 12.3V13.8C6.5 14.0762 6.72386 14.3 7 14.3H8.5C8.77614 14.3 9 14.0762 9 13.8V12.3C9 12.0239 8.77614 11.8 8.5 11.8H7ZM6.5 16.2C6.5 15.9238 6.72386 15.7 7 15.7H8.5C8.77614 15.7 9 15.9238 9 16.2V17.7C9 17.9761 8.77614 18.2 8.5 18.2H7C6.72386 18.2 6.5 17.9761 6.5 17.7V16.2ZM11.2 11.8C10.9239 11.8 10.7 12.0239 10.7 12.3V13.8C10.7 14.0762 10.9239 14.3 11.2 14.3H12.7C12.9762 14.3 13.2 14.0762 13.2 13.8V12.3C13.2 12.0239 12.9762 11.8 12.7 11.8H11.2ZM10.7 16.2C10.7 15.9238 10.9239 15.7 11.2 15.7H12.7C12.9762 15.7 13.2 15.9238 13.2 16.2V17.7C13.2 17.9761 12.9762 18.2 12.7 18.2H11.2C10.9239 18.2 10.7 17.9761 10.7 17.7V16.2ZM15.5 11.8C15.2239 11.8 15 12.0239 15 12.3V13.8C15 14.0762 15.2239 14.3 15.5 14.3H17C17.2761 14.3 17.5 14.0762 17.5 13.8V12.3C17.5 12.0239 17.2761 11.8 17 11.8H15.5Z"
  />
</svg>`;

export const TomorrowIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M8 2.75C8.41421 2.75 8.75 3.08579 8.75 3.5V4.25H15.25V3.5C15.25 3.08579 15.5858 2.75 16 2.75C16.4142 2.75 16.75 3.08579 16.75 3.5V4.25H19C20.5188 4.25 21.75 5.48122 21.75 7V9.5V13C21.75 13.4142 21.4142 13.75 21 13.75C20.5858 13.75 20.25 13.4142 20.25 13V10.25H3.75V19C3.75 19.6904 4.30964 20.25 5 20.25H11.5C11.9142 20.25 12.25 20.5858 12.25 21C12.25 21.4142 11.9142 21.75 11.5 21.75H5C3.48122 21.75 2.25 20.5188 2.25 19V9.5V7C2.25 5.48122 3.48122 4.25 5 4.25H7.25V3.5C7.25 3.08579 7.58579 2.75 8 2.75ZM15.25 5.75V6.5C15.25 6.91421 15.5858 7.25 16 7.25C16.4142 7.25 16.75 6.91421 16.75 6.5V5.75H19C19.6904 5.75 20.25 6.30964 20.25 7V8.75H3.75V7C3.75 6.30964 4.30964 5.75 5 5.75H7.25V6.5C7.25 6.91421 7.58579 7.25 8 7.25C8.41421 7.25 8.75 6.91421 8.75 6.5V5.75H15.25ZM19.2697 17.5303C18.9768 17.2374 18.9768 16.7626 19.2697 16.4697C19.5626 16.1768 20.0374 16.1768 20.3303 16.4697L22.4516 18.591C22.7445 18.8839 22.7445 19.3588 22.4516 19.6516L20.3303 21.773C20.0374 22.0659 19.5626 22.0659 19.2697 21.773C18.9768 21.4801 18.9768 21.0052 19.2697 20.7123L20.8606 19.1213L19.2697 17.5303ZM14.591 16.4697C14.2981 16.7626 14.2981 17.2374 14.591 17.5303L16.182 19.1213L14.591 20.7123C14.2981 21.0052 14.2981 21.4801 14.591 21.773C14.8839 22.0659 15.3588 22.0659 15.6517 21.773L17.773 19.6516C18.0659 19.3588 18.0659 18.8839 17.773 18.591L15.6517 16.4697C15.3588 16.1768 14.8839 16.1768 14.591 16.4697Z"
  />
</svg>`;

export const YesterdayIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M8 2.75C8.41421 2.75 8.75 3.08579 8.75 3.5V4.25H15.25V3.5C15.25 3.08579 15.5858 2.75 16 2.75C16.4142 2.75 16.75 3.08579 16.75 3.5V4.25H19C20.5188 4.25 21.75 5.48122 21.75 7V13C21.75 13.4142 21.4142 13.75 21 13.75C20.5858 13.75 20.25 13.4142 20.25 13V10.35H3.75V19C3.75 19.6904 4.30964 20.25 5 20.25H11.5C11.9142 20.25 12.25 20.5858 12.25 21C12.25 21.4142 11.9142 21.75 11.5 21.75H5C3.48122 21.75 2.25 20.5188 2.25 19V7C2.25 5.48122 3.48122 4.25 5 4.25H7.25V3.5C7.25 3.08579 7.58579 2.75 8 2.75ZM15.25 5.75V6.5C15.25 6.91421 15.5858 7.25 16 7.25C16.4142 7.25 16.75 6.91421 16.75 6.5V5.75H19C19.6904 5.75 20.25 6.30964 20.25 7V8.65H3.75V7C3.75 6.30964 4.30964 5.75 5 5.75H7.25V6.5C7.25 6.91421 7.58579 7.25 8 7.25C8.41421 7.25 8.75 6.91421 8.75 6.5V5.75H15.25ZM17.0803 16.4697C17.3732 16.7626 17.3732 17.2374 17.0803 17.5303L15.4893 19.1213L17.0803 20.7123C17.3732 21.0052 17.3732 21.4801 17.0803 21.773C16.7874 22.0659 16.3126 22.0659 16.0197 21.773L13.8984 19.6516C13.6055 19.3588 13.6055 18.8839 13.8984 18.591L16.0197 16.4697C16.3126 16.1768 16.7874 16.1768 17.0803 16.4697ZM21.6517 17.5303C21.9446 17.2374 21.9446 16.7626 21.6517 16.4697C21.3588 16.1768 20.8839 16.1768 20.591 16.4697L18.4697 18.591C18.1768 18.8839 18.1768 19.3588 18.4697 19.6516L20.591 21.773C20.8839 22.0659 21.3588 22.0659 21.6517 21.773C21.9446 21.4801 21.9446 21.0052 21.6517 20.7123L20.0607 19.1213L21.6517 17.5303Z"
  />
</svg>`;

export const NowIcon = html`
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill="currentColor"
      d="M6.11366 3.67804C6.40656 3.97094 6.40656 4.44581 6.11366 4.7387L4.28033 6.57204C3.98744 6.86493 3.51256 6.86493 3.21967 6.57204C2.92678 6.27914 2.92678 5.80427 3.21967 5.51138L5.053 3.67804C5.3459 3.38515 5.82077 3.38515 6.11366 3.67804ZM17.8863 3.67804C18.1792 3.38515 18.6541 3.38515 18.947 3.67804L20.7803 5.51138C21.0732 5.80427 21.0732 6.27914 20.7803 6.57204C20.4874 6.86493 20.0126 6.86493 19.7197 6.57204L17.8863 4.7387C17.5934 4.44581 17.5934 3.97094 17.8863 3.67804ZM12 5.87504C8.36413 5.87504 5.41667 8.8225 5.41667 12.4584C5.41667 16.0942 8.36413 19.0417 12 19.0417C15.6359 19.0417 18.5833 16.0942 18.5833 12.4584C18.5833 8.8225 15.6359 5.87504 12 5.87504ZM3.91667 12.4584C3.91667 7.99407 7.5357 4.37504 12 4.37504C16.4643 4.37504 20.0833 7.99407 20.0833 12.4584C20.0833 16.9227 16.4643 20.5417 12 20.5417C7.5357 20.5417 3.91667 16.9227 3.91667 12.4584Z"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill="currentColor"
      d="M15.197 10.3586C15.4899 10.6515 15.4899 11.1264 15.197 11.4193L11.6415 14.9748C11.3486 15.2677 10.8737 15.2677 10.5808 14.9748L8.80301 13.1971C8.51012 12.9042 8.51012 12.4293 8.80301 12.1364C9.09591 11.8435 9.57078 11.8435 9.86367 12.1364L11.1111 13.3839L14.1363 10.3586C14.4292 10.0657 14.9041 10.0657 15.197 10.3586Z"
    />
  </svg>
`;

// Misc icons

export const CrossIcon = html` <svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M6.34315 6.34314C6.63604 6.05025 7.11091 6.05025 7.40381 6.34314L12 10.9393L16.5962 6.34314C16.8891 6.05025 17.364 6.05025 17.6569 6.34314C17.9497 6.63604 17.9497 7.11091 17.6569 7.4038L13.0607 12L17.6569 16.5962C17.9497 16.8891 17.9497 17.364 17.6569 17.6569C17.364 17.9497 16.8891 17.9497 16.5962 17.6569L12 13.0607L7.40381 17.6569C7.11091 17.9497 6.63604 17.9497 6.34315 17.6569C6.05025 17.364 6.05025 16.8891 6.34315 16.5962L10.9393 12L6.34315 7.4038C6.05025 7.11091 6.05025 6.63604 6.34315 6.34314Z"
  />
</svg>`;

const InsertBlocksIcon = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M6.33333 4C4.76853 4 3.5 5.26853 3.5 6.83333V8.89394C3.5 10.4587 4.76853 11.7273 6.33333 11.7273H8.39394C9.95875 11.7273 11.2273 10.4587 11.2273 8.89394V6.83333C11.2273 5.26853 9.95875 4 8.39394 4H6.33333ZM5.04545 6.83333C5.04545 6.12206 5.62206 5.54545 6.33333 5.54545H8.39394C9.10522 5.54545 9.68182 6.12206 9.68182 6.83333V8.89394C9.68182 9.60522 9.10522 10.1818 8.39394 10.1818H6.33333C5.62206 10.1818 5.04545 9.60522 5.04545 8.89394V6.83333ZM6.33333 13.2727C4.76853 13.2727 3.5 14.5413 3.5 16.1061V18.1667C3.5 19.7315 4.76853 21 6.33333 21H8.39394C9.95875 21 11.2273 19.7315 11.2273 18.1667V16.1061C11.2273 14.5413 9.95875 13.2727 8.39394 13.2727H6.33333ZM5.04545 16.1061C5.04545 15.3948 5.62206 14.8182 6.33333 14.8182H8.39394C9.10522 14.8182 9.68182 15.3948 9.68182 16.1061V18.1667C9.68182 18.8779 9.10522 19.4545 8.39394 19.4545H6.33333C5.62206 19.4545 5.04545 18.8779 5.04545 18.1667V16.1061ZM12.7727 6.83333C12.7727 5.26853 14.0413 4 15.6061 4H17.6667C19.2315 4 20.5 5.26853 20.5 6.83333V8.89394C20.5 10.4587 19.2315 11.7273 17.6667 11.7273H15.6061C14.0413 11.7273 12.7727 10.4587 12.7727 8.89394V6.83333ZM15.6061 5.54545C14.8948 5.54545 14.3182 6.12206 14.3182 6.83333V8.89394C14.3182 9.60522 14.8948 10.1818 15.6061 10.1818H17.6667C18.3779 10.1818 18.9545 9.60522 18.9545 8.89394V6.83333C18.9545 6.12206 18.3779 5.54545 17.6667 5.54545H15.6061ZM17.4091 14.0455C17.4091 13.6187 17.0631 13.2727 16.6364 13.2727C16.2096 13.2727 15.8636 13.6187 15.8636 14.0455V16.3636H13.5455C13.1187 16.3636 12.7727 16.7096 12.7727 17.1364C12.7727 17.5631 13.1187 17.9091 13.5455 17.9091H15.8636V20.2273C15.8636 20.654 16.2096 21 16.6364 21C17.0631 21 17.4091 20.654 17.4091 20.2273V17.9091H19.7273C20.154 17.9091 20.5 17.5631 20.5 17.1364C20.5 16.7096 20.154 16.3636 19.7273 16.3636H17.4091V14.0455Z"/>`;

export const BlockHubIcon20 = html` <svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  ${InsertBlocksIcon}
</svg>`;

export const BlockHubIcon = html` <svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M5.57378 3.25C5.5825 3.25 5.59124 3.25 5.6 3.25L8.42622 3.25C8.68371 3.24998 8.92019 3.24996 9.11787 3.26612C9.33101 3.28353 9.56418 3.32339 9.79449 3.44074C10.1238 3.60852 10.3915 3.87623 10.5593 4.20552C10.6766 4.43582 10.7165 4.669 10.7339 4.88213C10.75 5.07982 10.75 5.3163 10.75 5.57379V8.42621C10.75 8.6837 10.75 8.92019 10.7339 9.11787C10.7165 9.33101 10.6766 9.56418 10.5593 9.79448C10.3915 10.1238 10.1238 10.3915 9.79449 10.5593C9.56418 10.6766 9.33101 10.7165 9.11787 10.7339C8.92019 10.75 8.6837 10.75 8.42622 10.75H5.57379C5.3163 10.75 5.07982 10.75 4.88213 10.7339C4.669 10.7165 4.43583 10.6766 4.20552 10.5593C3.87624 10.3915 3.60852 10.1238 3.44074 9.79448C3.32339 9.56418 3.28353 9.33101 3.26612 9.11787C3.24997 8.92019 3.24998 8.6837 3.25 8.42622L3.25 5.6C3.25 5.59124 3.25 5.5825 3.25 5.57378C3.24998 5.3163 3.24997 5.07981 3.26612 4.88213C3.28353 4.669 3.32339 4.43582 3.44074 4.20552C3.60852 3.87623 3.87624 3.60852 4.20552 3.44074C4.43583 3.32339 4.669 3.28353 4.88213 3.26612C5.07982 3.24996 5.3163 3.24998 5.57378 3.25ZM4.88088 4.77973C4.88085 4.77972 4.88132 4.77952 4.88239 4.77917L4.88088 4.77973ZM4.88346 4.77882C4.89234 4.77607 4.92547 4.76757 5.00428 4.76113C5.13341 4.75058 5.3076 4.75 5.6 4.75H8.4C8.6924 4.75 8.8666 4.75058 8.99573 4.76113C9.07454 4.76757 9.10766 4.77607 9.11654 4.77882C9.16118 4.80234 9.19766 4.83882 9.22118 4.88346C9.22393 4.89234 9.23243 4.92547 9.23887 5.00428C9.24942 5.1334 9.25 5.3076 9.25 5.6V8.4C9.25 8.6924 9.24942 8.8666 9.23887 8.99572C9.23243 9.07453 9.22393 9.10766 9.22118 9.11654C9.19766 9.16118 9.16118 9.19766 9.11654 9.22118C9.10767 9.22393 9.07454 9.23243 8.99573 9.23887C8.8666 9.24942 8.6924 9.25 8.4 9.25H5.6C5.3076 9.25 5.13341 9.24942 5.00428 9.23887C4.92547 9.23243 4.89234 9.22393 4.88347 9.22118C4.83883 9.19766 4.80235 9.16118 4.77883 9.11654C4.77607 9.10766 4.76757 9.07453 4.76114 8.99572C4.75059 8.8666 4.75 8.6924 4.75 8.4V5.6C4.75 5.3076 4.75059 5.1334 4.76114 5.00428C4.76757 4.92547 4.77607 4.89234 4.77883 4.88346C4.80235 4.83882 4.83883 4.80234 4.88346 4.77882ZM4.77973 4.88088C4.77974 4.8809 4.77956 4.88144 4.77917 4.88239L4.77973 4.88088ZM4.77973 9.11913C4.77972 9.11915 4.77953 9.11869 4.77918 9.11764L4.77973 9.11913ZM4.88088 9.22027C4.88091 9.22026 4.88143 9.22044 4.88236 9.22082L4.88088 9.22027ZM9.11913 9.22027C9.11916 9.22028 9.11869 9.22048 9.11764 9.22082L9.11913 9.22027ZM9.22028 9.11913C9.22027 9.11909 9.22044 9.11856 9.22084 9.11761L9.22028 9.11913ZM9.22028 4.88088C9.22029 4.88085 9.22048 4.88132 9.22084 4.88239L9.22028 4.88088ZM9.11764 4.77918C9.11869 4.77952 9.11916 4.77972 9.11913 4.77973L9.11764 4.77918ZM15.5738 3.25H18.4262C18.6837 3.24998 18.9202 3.24996 19.1179 3.26612C19.331 3.28353 19.5642 3.32339 19.7945 3.44074C20.1238 3.60852 20.3915 3.87623 20.5593 4.20552C20.6766 4.43582 20.7165 4.669 20.7339 4.88213C20.75 5.07981 20.75 5.31629 20.75 5.57377V8.42623C20.75 8.68371 20.75 8.92019 20.7339 9.11787C20.7165 9.33101 20.6766 9.56418 20.5593 9.79448C20.3915 10.1238 20.1238 10.3915 19.7945 10.5593C19.5642 10.6766 19.331 10.7165 19.1179 10.7339C18.9202 10.75 18.6837 10.75 18.4262 10.75H15.5738C15.3163 10.75 15.0798 10.75 14.8821 10.7339C14.669 10.7165 14.4358 10.6766 14.2055 10.5593C13.8762 10.3915 13.6085 10.1238 13.4407 9.79448C13.3234 9.56418 13.2835 9.33101 13.2661 9.11787C13.25 8.92019 13.25 8.68371 13.25 8.42623V5.57377C13.25 5.31629 13.25 5.07981 13.2661 4.88213C13.2835 4.669 13.3234 4.43582 13.4407 4.20552C13.6085 3.87623 13.8762 3.60852 14.2055 3.44074C14.4358 3.32339 14.669 3.28353 14.8821 3.26612C15.0798 3.24996 15.3163 3.24998 15.5738 3.25ZM14.8809 4.77973C14.8808 4.77972 14.8813 4.77953 14.8824 4.77918L14.8809 4.77973ZM14.8835 4.77882C14.8923 4.77607 14.9255 4.76757 15.0043 4.76113C15.1334 4.75058 15.3076 4.75 15.6 4.75H18.4C18.6924 4.75 18.8666 4.75058 18.9957 4.76113C19.0745 4.76757 19.1077 4.77607 19.1165 4.77882C19.1612 4.80234 19.1977 4.83882 19.2212 4.88346C19.2239 4.89234 19.2324 4.92547 19.2389 5.00428C19.2494 5.1334 19.25 5.3076 19.25 5.6V8.4C19.25 8.6924 19.2494 8.8666 19.2389 8.99572C19.2324 9.07453 19.2239 9.10766 19.2212 9.11654C19.1977 9.16118 19.1612 9.19766 19.1165 9.22118C19.1077 9.22393 19.0745 9.23243 18.9957 9.23887C18.8666 9.24942 18.6924 9.25 18.4 9.25H15.6C15.3076 9.25 15.1334 9.24942 15.0043 9.23887C14.9255 9.23243 14.8923 9.22393 14.8835 9.22118C14.8388 9.19766 14.8023 9.16118 14.7788 9.11654C14.7761 9.10766 14.7676 9.07453 14.7611 8.99572C14.7506 8.8666 14.75 8.6924 14.75 8.4V5.6C14.75 5.3076 14.7506 5.1334 14.7611 5.00428C14.7676 4.92547 14.7761 4.89234 14.7788 4.88346C14.8023 4.83882 14.8388 4.80234 14.8835 4.77882ZM14.7797 4.88088C14.7797 4.8809 14.7796 4.88143 14.7792 4.88236L14.7797 4.88088ZM14.7797 9.11913C14.7797 9.11915 14.7795 9.11867 14.7792 9.11761L14.7797 9.11913ZM14.8809 9.22027C14.8809 9.22026 14.8814 9.22044 14.8824 9.22082L14.8809 9.22027ZM19.1191 9.22027C19.1192 9.22028 19.1187 9.22048 19.1176 9.22082L19.1191 9.22027ZM19.2203 9.11913C19.2203 9.11911 19.2204 9.11857 19.2208 9.11761L19.2203 9.11913ZM19.2203 4.88088C19.2203 4.88085 19.2205 4.88131 19.2208 4.88236L19.2203 4.88088ZM19.1176 4.77917C19.1187 4.77952 19.1192 4.77972 19.1191 4.77973L19.1176 4.77917ZM5.57377 13.25H8.42623C8.68372 13.25 8.92019 13.25 9.11787 13.2661C9.33101 13.2835 9.56418 13.3234 9.79449 13.4407C10.1238 13.6085 10.3915 13.8762 10.5593 14.2055C10.6766 14.4358 10.7165 14.669 10.7339 14.8821C10.75 15.0798 10.75 15.3163 10.75 15.5738V18.4262C10.75 18.6837 10.75 18.9202 10.7339 19.1179C10.7165 19.331 10.6766 19.5642 10.5593 19.7945C10.3915 20.1238 10.1238 20.3915 9.79449 20.5593C9.56418 20.6766 9.33101 20.7165 9.11787 20.7339C8.92019 20.75 8.68372 20.75 8.42623 20.75H5.57377C5.31629 20.75 5.07981 20.75 4.88213 20.7339C4.669 20.7165 4.43583 20.6766 4.20552 20.5593C3.87624 20.3915 3.60852 20.1238 3.44074 19.7945C3.32339 19.5642 3.28353 19.331 3.26612 19.1179C3.24997 18.9202 3.24998 18.6837 3.25 18.4262V15.5738C3.24998 15.3163 3.24997 15.0798 3.26612 14.8821C3.28353 14.669 3.32339 14.4358 3.44074 14.2055C3.60852 13.8762 3.87624 13.6085 4.20552 13.4407C4.43583 13.3234 4.669 13.2835 4.88213 13.2661C5.07981 13.25 5.31629 13.25 5.57377 13.25ZM4.88088 14.7797C4.88085 14.7797 4.88131 14.7795 4.88237 14.7792L4.88088 14.7797ZM4.88346 14.7788C4.89234 14.7761 4.92546 14.7676 5.00428 14.7611C5.13341 14.7506 5.3076 14.75 5.6 14.75H8.4C8.6924 14.75 8.8666 14.7506 8.99573 14.7611C9.07453 14.7676 9.10766 14.7761 9.11654 14.7788C9.16118 14.8023 9.19766 14.8388 9.22118 14.8835C9.22393 14.8923 9.23243 14.9255 9.23887 15.0043C9.24942 15.1334 9.25 15.3076 9.25 15.6V18.4C9.25 18.6924 9.24942 18.8666 9.23887 18.9957C9.23243 19.0745 9.22393 19.1077 9.22118 19.1165C9.19766 19.1612 9.16118 19.1977 9.11654 19.2212C9.10767 19.2239 9.07454 19.2324 8.99573 19.2389C8.8666 19.2494 8.6924 19.25 8.4 19.25H5.6C5.3076 19.25 5.13341 19.2494 5.00428 19.2389C4.92547 19.2324 4.89235 19.2239 4.88347 19.2212C4.83883 19.1977 4.80235 19.1612 4.77883 19.1165C4.77607 19.1077 4.76757 19.0745 4.76114 18.9957C4.75059 18.8666 4.75 18.6924 4.75 18.4V15.6C4.75 15.3076 4.75059 15.1334 4.76114 15.0043C4.76757 14.9255 4.77607 14.8923 4.77883 14.8835C4.80234 14.8388 4.83882 14.8023 4.88346 14.7788ZM4.77973 14.8809C4.77974 14.8809 4.77956 14.8814 4.77918 14.8824L4.77973 14.8809ZM4.77973 19.1191C4.77972 19.1192 4.77953 19.1187 4.77918 19.1176L4.77973 19.1191ZM4.88088 19.2203C4.8809 19.2203 4.88143 19.2204 4.88236 19.2208L4.88088 19.2203ZM9.11913 19.2203C9.11917 19.2203 9.1187 19.2205 9.11762 19.2208L9.11913 19.2203ZM9.22028 19.1191C9.22026 19.1191 9.22044 19.1185 9.22087 19.1175L9.22028 19.1191ZM9.22027 14.8809C9.22028 14.8808 9.22048 14.8813 9.22084 14.8824L9.22027 14.8809ZM9.11761 14.7792C9.11868 14.7795 9.11915 14.7797 9.11913 14.7797L9.11761 14.7792ZM17 13.25C17.4142 13.25 17.75 13.5858 17.75 14V16.25H20C20.4142 16.25 20.75 16.5858 20.75 17C20.75 17.4142 20.4142 17.75 20 17.75H17.75V20C17.75 20.4142 17.4142 20.75 17 20.75C16.5858 20.75 16.25 20.4142 16.25 20V17.75H14C13.5858 17.75 13.25 17.4142 13.25 17C13.25 16.5858 13.5858 16.25 14 16.25H16.25V14C16.25 13.5858 16.5858 13.25 17 13.25Z"
  />
</svg>`;

export const BlockHubRoundedRectangleIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M2.25 7C2.25 5.48122 3.48122 4.25 5 4.25H19C20.5188 4.25 21.75 5.48122 21.75 7V17C21.75 18.5188 20.5188 19.75 19 19.75H5C3.48122 19.75 2.25 18.5188 2.25 17V7ZM5 5.75C4.30964 5.75 3.75 6.30964 3.75 7V17C3.75 17.6904 4.30964 18.25 5 18.25H19C19.6904 18.25 20.25 17.6904 20.25 17V7C20.25 6.30964 19.6904 5.75 19 5.75H5Z"
  />
</svg>`;

export const SearchIcon = html`
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill="currentColor"
      d="M3.75 9.5C3.75 6.32436 6.32436 3.75 9.5 3.75C12.6756 3.75 15.25 6.32436 15.25 9.5C15.25 12.6756 12.6756 15.25 9.5 15.25C6.32436 15.25 3.75 12.6756 3.75 9.5ZM9.5 2.25C5.49594 2.25 2.25 5.49594 2.25 9.5C2.25 13.5041 5.49594 16.75 9.5 16.75C11.2319 16.75 12.8219 16.1427 14.0689 15.1295L19.4697 20.5303C19.7626 20.8232 20.2374 20.8232 20.5303 20.5303C20.8232 20.2374 20.8232 19.7626 20.5303 19.4697L15.1295 14.0689C16.1427 12.8219 16.75 11.2319 16.75 9.5C16.75 5.49594 13.5041 2.25 9.5 2.25Z"
    />
  </svg>
`;

export const RefreshIcon = html`<svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  viewBox="0 0 24 24"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M3.25 12C3.25 7.16751 7.16751 3.25 12 3.25C14.2406 3.25 16.286 4.09311 17.8335 5.4782L17.8359 5.48034L19.25 6.75695V4C19.25 3.58579 19.5858 3.25 20 3.25C20.4142 3.25 20.75 3.58579 20.75 4V8.44444C20.75 8.85866 20.4142 9.19444 20 9.19444H15.5556C15.1413 9.19444 14.8056 8.85866 14.8056 8.44444C14.8056 8.03023 15.1413 7.69444 15.5556 7.69444H18.05L16.8331 6.5959C16.8327 6.59554 16.8323 6.59518 16.8319 6.59483C15.5489 5.44701 13.8568 4.75 12 4.75C7.99594 4.75 4.75 7.99594 4.75 12C4.75 16.0041 7.99594 19.25 12 19.25C15.4494 19.25 18.3378 16.8403 19.0704 13.6118C19.162 13.2079 19.5638 12.9547 19.9677 13.0464C20.3717 13.138 20.6248 13.5398 20.5332 13.9437C19.6489 17.8405 16.1651 20.75 12 20.75C7.16751 20.75 3.25 16.8325 3.25 12Z"
    fill="currentColor"
  />
</svg>`;

export const WebIconSVG = svg`<g id="Web">
  <path
    id="Shape (Stroke)"
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M3.78363 11.25H8.26C8.32021 8.99973 8.64952 6.95181 9.16717 5.39887C9.32825 4.91563 9.51187 4.46715 9.7189 4.06941C6.50351 4.99257 4.09288 7.81832 3.78363 11.25ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12 3.75C11.9141 3.75 11.7129 3.80155 11.4213 4.17149C11.1364 4.53298 10.8471 5.10255 10.5902 5.87321C10.1323 7.24686 9.82057 9.12821 9.76056 11.25H14.2394C14.1794 9.12821 13.8677 7.24686 13.4098 5.87321C13.1529 5.10255 12.8636 4.53298 12.5787 4.17149C12.2871 3.80155 12.0859 3.75 12 3.75ZM15.74 11.25C15.6798 8.99973 15.3505 6.95181 14.8328 5.39887C14.6718 4.91563 14.4881 4.46715 14.2811 4.06941C17.4965 4.99257 19.9071 7.81832 20.2164 11.25H15.74ZM14.2394 12.75H9.76056C9.82057 14.8718 10.1323 16.7531 10.5902 18.1268C10.8471 18.8975 11.1364 19.467 11.4213 19.8285C11.7129 20.1985 11.9141 20.25 12 20.25C12.0859 20.25 12.2871 20.1985 12.5787 19.8285C12.8636 19.467 13.1529 18.8975 13.4098 18.1268C13.8677 16.7531 14.1794 14.8718 14.2394 12.75ZM14.2811 19.9306C14.4881 19.5329 14.6718 19.0844 14.8328 18.6011C15.3505 17.0482 15.6798 15.0003 15.74 12.75H20.2164C19.9071 16.1817 17.4965 19.0074 14.2811 19.9306ZM9.7189 19.9306C9.51187 19.5329 9.32825 19.0844 9.16717 18.6011C8.64952 17.0482 8.32021 15.0003 8.26 12.75H3.78363C4.09288 16.1817 6.50351 19.0074 9.7189 19.9306Z"
  />
</g>`;

export const WebIcon16 = icon(WebIconSVG, 16);

// Link Icon

/**
 * ✅
 */
export const ConfirmIcon = html` <svg
  width="20"
  height="20"
  viewBox="0 0 20 20"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M17.6726 6.0059L7.49998 16.1785L2.32739 11.0059L3.5059 9.82739L7.49998 13.8215L16.4941 4.82739L17.6726 6.0059Z"
  />
</svg>`;

/**
 * 🖊️
 */
export const NewEditIcon = html`
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M18.3032 4.49775C18.6342 4.16742 19.1714 4.16742 19.5024 4.49775C19.8326 4.82726 19.8326 5.3609 19.5024 5.69041L19.0739 6.1181L17.8768 4.92334L18.3032 4.49775ZM16.8151 5.98296L18.0122 7.17771L10.9259 14.25H9.75006V13.0341L16.8151 5.98296ZM20.562 3.43604C19.6455 2.52132 18.1601 2.52132 17.2436 3.43604L8.47025 12.1921C8.32928 12.3328 8.25006 12.5238 8.25006 12.723V15C8.25006 15.4142 8.58585 15.75 9.00006 15.75H11.2362C11.4348 15.75 11.6254 15.6712 11.766 15.5309L20.562 6.75212C21.4794 5.83658 21.4794 4.35158 20.562 3.43604ZM4.75 6C4.75 5.30964 5.30964 4.75 6 4.75H12C12.4142 4.75 12.75 4.41421 12.75 4C12.75 3.58579 12.4142 3.25 12 3.25H6C4.48122 3.25 3.25 4.48122 3.25 6V18C3.25 19.5188 4.48122 20.75 6 20.75H18C19.5188 20.75 20.75 19.5188 20.75 18V12C20.75 11.5858 20.4142 11.25 20 11.25C19.5858 11.25 19.25 11.5858 19.25 12V18C19.25 18.6904 18.6904 19.25 18 19.25H6C5.30964 19.25 4.75 18.6904 4.75 18V6Z"
      fill="currentColor"
    />
  </svg>
`;

/**
 * 🖊️
 */
export const EditIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M18.3032 4.49775C18.6342 4.16742 19.1714 4.16742 19.5024 4.49775C19.8326 4.82726 19.8326 5.3609 19.5024 5.69041L19.0739 6.1181L17.8768 4.92334L18.3032 4.49775ZM16.8151 5.98296L18.0122 7.17771L10.9259 14.25H9.75006V13.0341L16.8151 5.98296ZM20.562 3.43604C19.6455 2.52132 18.1601 2.52132 17.2436 3.43604L8.47025 12.1921C8.32928 12.3328 8.25006 12.5238 8.25006 12.723V15C8.25006 15.4142 8.58585 15.75 9.00006 15.75H11.2362C11.4348 15.75 11.6254 15.6712 11.766 15.5309L20.562 6.75212C21.4794 5.83658 21.4794 4.35158 20.562 3.43604ZM4.75 6C4.75 5.30964 5.30964 4.75 6 4.75H12C12.4142 4.75 12.75 4.41421 12.75 4C12.75 3.58579 12.4142 3.25 12 3.25H6C4.48122 3.25 3.25 4.48122 3.25 6V18C3.25 19.5188 4.48122 20.75 6 20.75H18C19.5188 20.75 20.75 19.5188 20.75 18V12C20.75 11.5858 20.4142 11.25 20 11.25C19.5858 11.25 19.25 11.5858 19.25 12V18C19.25 18.6904 18.6904 19.25 18 19.25H6C5.30964 19.25 4.75 18.6904 4.75 18V6Z"
  />
</svg>`;

export const UnlinkIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M14.522 5.34979C15.6618 4.2099 17.51 4.2099 18.6499 5.34979C19.7897 6.48968 19.7897 8.3378 18.6499 9.47769L14.981 13.1466C14.6881 13.4394 14.6881 13.9143 14.981 14.2072C15.2739 14.5001 15.7488 14.5001 16.0416 14.2072L19.7105 10.5383C21.4362 8.81267 21.4362 6.0148 19.7105 4.28913C17.9848 2.56345 15.187 2.56345 13.4613 4.28913L12.4527 5.29771C12.1598 5.5906 12.1598 6.06548 12.4527 6.35837C12.7456 6.65126 13.2205 6.65126 13.5134 6.35837L14.522 5.34979ZM9.01866 10.8531C9.31155 10.5602 9.31155 10.0853 9.01866 9.79243C8.72576 9.49954 8.25089 9.49954 7.958 9.79243L4.28913 13.4613C2.56345 15.187 2.56345 17.9848 4.28913 19.7105C6.0148 21.4362 8.81267 21.4362 10.5383 19.7105L11.5487 18.7001C11.8416 18.4073 11.8416 17.9324 11.5487 17.6395C11.2558 17.3466 10.781 17.3466 10.4881 17.6395L9.47769 18.6499C8.3378 19.7897 6.48968 19.7897 5.34979 18.6499C4.2099 17.51 4.2099 15.6618 5.34979 14.522L9.01866 10.8531ZM9.39547 4.49363C9.30233 4.09002 8.89964 3.83834 8.49603 3.93148C8.09242 4.02462 7.84074 4.42731 7.93388 4.83092L8.33412 6.56529C8.42726 6.9689 8.82995 7.22058 9.23356 7.12744C9.63717 7.0343 9.88885 6.63161 9.79571 6.228L9.39547 4.49363ZM4.83092 7.93388C4.42731 7.84074 4.02462 8.09242 3.93148 8.49603C3.83834 8.89964 4.09002 9.30233 4.49363 9.39547L6.228 9.79571C6.63161 9.88885 7.0343 9.63717 7.12744 9.23356C7.22058 8.82995 6.9689 8.42726 6.56529 8.33412L4.83092 7.93388ZM17.772 14.2043C17.3684 14.1112 16.9657 14.3629 16.8726 14.7665C16.7794 15.1701 17.0311 15.5728 17.4347 15.6659L19.1691 16.0661C19.5727 16.1593 19.9754 15.9076 20.0685 15.504C20.1617 15.1004 19.91 14.6977 19.5064 14.6045L17.772 14.2043ZM15.6659 17.4347C15.5728 17.0311 15.1701 16.7794 14.7665 16.8726C14.3629 16.9657 14.1112 17.3684 14.2043 17.772L14.6045 19.5064C14.6977 19.91 15.1004 20.1617 15.504 20.0685C15.9076 19.9754 16.1593 19.5727 16.0661 19.1691L15.6659 17.4347Z"
  />
</svg>`;

// Image Icon

export const CaptionIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M4.25 7C4.25 5.48122 5.48122 4.25 7 4.25H12C13.5188 4.25 14.75 5.48122 14.75 7V10C14.75 11.5188 13.5188 12.75 12 12.75H7C5.48122 12.75 4.25 11.5188 4.25 10V7ZM7 5.75C6.30964 5.75 5.75 6.30964 5.75 7V10C5.75 10.6904 6.30964 11.25 7 11.25H12C12.6904 11.25 13.25 10.6904 13.25 10V7C13.25 6.30964 12.6904 5.75 12 5.75H7ZM4.25 15.5C4.25 15.0858 4.58579 14.75 5 14.75H19C19.4142 14.75 19.75 15.0858 19.75 15.5C19.75 15.9142 19.4142 16.25 19 16.25H5C4.58579 16.25 4.25 15.9142 4.25 15.5ZM5 18.25C4.58579 18.25 4.25 18.5858 4.25 19C4.25 19.4142 4.58579 19.75 5 19.75H14C14.4142 19.75 14.75 19.4142 14.75 19C14.75 18.5858 14.4142 18.25 14 18.25H5Z"
  />
</svg>`;

export const DownloadIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M12.75 4.75C12.75 4.33579 12.4142 4 12 4C11.5858 4 11.25 4.33579 11.25 4.75L11.25 13.4393L9.03033 11.2197C8.73744 10.9268 8.26256 10.9268 7.96967 11.2197C7.67678 11.5126 7.67678 11.9874 7.96967 12.2803L11.4697 15.7803C11.6103 15.921 11.8011 16 12 16C12.1989 16 12.3897 15.921 12.5303 15.7803L16.0303 12.2803C16.3232 11.9874 16.3232 11.5126 16.0303 11.2197C15.7374 10.9268 15.2626 10.9268 14.9697 11.2197L12.75 13.4393L12.75 4.75ZM4.75 10.75C4.75 10.6119 4.86193 10.5 5 10.5H6C6.41421 10.5 6.75 10.1642 6.75 9.75C6.75 9.33579 6.41421 9 6 9H5C4.0335 9 3.25 9.7835 3.25 10.75V17.75C3.25 19.2688 4.48122 20.5 6 20.5H18C19.5188 20.5 20.75 19.2688 20.75 17.75V10.75C20.75 9.7835 19.9665 9 19 9H18C17.5858 9 17.25 9.33579 17.25 9.75C17.25 10.1642 17.5858 10.5 18 10.5H19C19.1381 10.5 19.25 10.6119 19.25 10.75V17.75C19.25 18.4404 18.6904 19 18 19H6C5.30964 19 4.75 18.4404 4.75 17.75V10.75Z"
  />
</svg>`;

export const WrapIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M11.046 5C11.046 4.58579 11.3818 4.25 11.796 4.25H14.6776C18.0311 4.25 20.7497 6.96849 20.7498 10.322C20.7499 13.6757 18.0313 16.3944 14.6776 16.3944H5.78857L8.81522 19.4743C9.10555 19.7697 9.10141 20.2446 8.80598 20.5349C8.51054 20.8253 8.03569 20.8211 7.74536 20.5257L3.46507 16.1701C3.17831 15.8783 3.17831 15.4105 3.46507 15.1187L7.74536 10.7632C8.03569 10.4677 8.51054 10.4636 8.80598 10.7539C9.10141 11.0443 9.10555 11.5191 8.81522 11.8146L5.78857 14.8944H14.6776C17.2028 14.8944 19.2499 12.8473 19.2498 10.3221C19.2497 7.79695 17.2027 5.75 14.6776 5.75H11.796C11.3818 5.75 11.046 5.41421 11.046 5Z"
  />
</svg>`;

export const CancelWrapIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M16.5303 2.46967C16.2374 2.17678 15.7626 2.17678 15.4697 2.46967C15.1768 2.76256 15.1768 3.23744 15.4697 3.53033L18.1893 6.25L8 6.25C7.58579 6.25 7.25 6.58579 7.25 7C7.25 7.41421 7.58579 7.75 8 7.75H18.1893L15.4697 10.4697C15.1768 10.7626 15.1768 11.2374 15.4697 11.5303C15.7626 11.8232 16.2374 11.8232 16.5303 11.5303L20.5303 7.53033C20.671 7.38968 20.75 7.19891 20.75 7C20.75 6.80109 20.671 6.61032 20.5303 6.46967L16.5303 2.46967ZM11.5303 11.4697C11.2374 11.1768 10.7626 11.1768 10.4697 11.4697C10.1768 11.7626 10.1768 12.2374 10.4697 12.5303L13.1893 15.25H4.5C4.08579 15.25 3.75 15.5858 3.75 16C3.75 16.4142 4.08579 16.75 4.5 16.75H13.1893L10.4697 19.4697C10.1768 19.7626 10.1768 20.2374 10.4697 20.5303C10.7626 20.8232 11.2374 20.8232 11.5303 20.5303L15.5303 16.5303C15.671 16.3897 15.75 16.1989 15.75 16C15.75 15.8011 15.671 15.6103 15.5303 15.4697L11.5303 11.4697Z"
  />
</svg>`;

// Attachment

export const ViewIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M12.0004 5.75C8.06451 5.75 4.70095 8.20857 3.36528 11.6764C3.28512 11.8845 3.28512 12.1155 3.36527 12.3236C4.70093 15.7914 8.06451 18.25 12.0005 18.25C15.9364 18.25 19.2999 15.7914 20.6356 12.3236C20.7158 12.1155 20.7158 11.8846 20.6356 11.6764C19.3 8.2086 15.9364 5.75 12.0004 5.75ZM1.96552 11.1372C3.51675 7.10978 7.42369 4.25 12.0004 4.25C16.5772 4.25 20.4842 7.10982 22.0354 11.1373C22.2492 11.6924 22.2492 12.3077 22.0354 12.8628C20.4841 16.8902 16.5772 19.75 12.0005 19.75C7.42369 19.75 3.51672 16.8902 1.96551 12.8627C1.75171 12.3076 1.75171 11.6923 1.96552 11.1372ZM12 9.75C10.7574 9.75 9.74999 10.7574 9.74999 12C9.74999 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75ZM8.24999 12C8.24999 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.24999 14.0711 8.24999 12Z"
  />
</svg>`;

export const EmbedWebIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M5 3.25C3.48122 3.25 2.25 4.48122 2.25 6V9V18C2.25 19.5188 3.48122 20.75 5 20.75H19C20.5188 20.75 21.75 19.5188 21.75 18V9V6C21.75 4.48122 20.5188 3.25 19 3.25H5ZM20.25 8.25V6C20.25 5.30964 19.6904 4.75 19 4.75H5C4.30964 4.75 3.75 5.30964 3.75 6V8.25H20.25ZM3.75 9.75H20.25V18C20.25 18.6904 19.6904 19.25 19 19.25H5C4.30964 19.25 3.75 18.6904 3.75 18V9.75ZM10.5303 13.0304C10.8232 12.7375 10.8232 12.2627 10.5303 11.9698C10.2374 11.6769 9.76256 11.6769 9.46967 11.9698L7.34835 14.0911C7.05546 14.384 7.05546 14.8589 7.34835 15.1518L9.46967 17.2731C9.76256 17.566 10.2374 17.566 10.5303 17.2731C10.8232 16.9802 10.8232 16.5053 10.5303 16.2124L8.93934 14.6214L10.5303 13.0304ZM13.4697 11.9698C13.1768 12.2627 13.1768 12.7375 13.4697 13.0304L15.0607 14.6214L13.4697 16.2124C13.1768 16.5053 13.1768 16.9802 13.4697 17.2731C13.7626 17.566 14.2374 17.566 14.5303 17.2731L16.6517 15.1518C16.9445 14.8589 16.9445 14.384 16.6517 14.0911L14.5303 11.9698C14.2374 11.6769 13.7626 11.6769 13.4697 11.9698ZM6.5 6.55005C6.5 6.96426 6.16421 7.30005 5.75 7.30005C5.33579 7.30005 5 6.96426 5 6.55005C5 6.13584 5.33579 5.80005 5.75 5.80005C6.16421 5.80005 6.5 6.13584 6.5 6.55005ZM8.25 7.30005C8.66421 7.30005 9 6.96426 9 6.55005C9 6.13584 8.66421 5.80005 8.25 5.80005C7.83579 5.80005 7.5 6.13584 7.5 6.55005C7.5 6.96426 7.83579 7.30005 8.25 7.30005Z"
  />
</svg>`;

export const ArrowDownIcon = html` <svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M6.46967 9.46967C6.76256 9.17678 7.23744 9.17678 7.53033 9.46967L11.6464 13.5858C11.8417 13.781 12.1583 13.781 12.3536 13.5858L16.4697 9.46967C16.7626 9.17678 17.2374 9.17678 17.5303 9.46967C17.8232 9.76256 17.8232 10.2374 17.5303 10.5303L13.4142 14.6464C12.6332 15.4275 11.3668 15.4275 10.5858 14.6464L6.46967 10.5303C6.17678 10.2374 6.17678 9.76256 6.46967 9.46967Z"
  />
</svg>`;

export const ShapeArrowDownSmallIcon = html`<svg
  width="16"
  height="16"
  viewBox="0 0 16 16"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M11.7202 5.98043C11.9154 6.17569 11.9154 6.49228 11.7202 6.68754L8.38684 10.0209C8.19158 10.2161 7.87499 10.2161 7.67973 10.0209L4.3464 6.68754C4.15114 6.49228 4.15114 6.17569 4.3464 5.98043C4.54166 5.78517 4.85824 5.78517 5.0535 5.98043L8.03328 8.96021L11.0131 5.98043C11.2083 5.78517 11.5249 5.78517 11.7202 5.98043Z"
  />
</svg>`;

// Linked Page

const PageIconSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M7 3.25C5.48122 3.25 4.25 4.48122 4.25 6V18C4.25 19.5188 5.48122 20.75 7 20.75H17C18.5188 20.75 19.75 19.5188 19.75 18V6C19.75 4.48122 18.5188 3.25 17 3.25H7ZM5.75 6C5.75 5.30964 6.30964 4.75 7 4.75H17C17.6904 4.75 18.25 5.30964 18.25 6V18C18.25 18.6904 17.6904 19.25 17 19.25H7C6.30964 19.25 5.75 18.6904 5.75 18V6ZM9 7.25C8.58579 7.25 8.25 7.58579 8.25 8C8.25 8.41421 8.58579 8.75 9 8.75H12.5C12.9142 8.75 13.25 8.41421 13.25 8C13.25 7.58579 12.9142 7.25 12.5 7.25H9ZM8.25 11.5C8.25 11.0858 8.58579 10.75 9 10.75H15C15.4142 10.75 15.75 11.0858 15.75 11.5C15.75 11.9142 15.4142 12.25 15 12.25H9C8.58579 12.25 8.25 11.9142 8.25 11.5ZM9 14.25C8.58579 14.25 8.25 14.5858 8.25 15C8.25 15.4142 8.58579 15.75 9 15.75H14C14.4142 15.75 14.75 15.4142 14.75 15C14.75 14.5858 14.4142 14.25 14 14.25H9Z"/>`;

const LinkedPageSVG = svg`
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M4.25 6C4.25 4.48122 5.48122 3.25 7 3.25H17C18.5188 3.25 19.75 4.48122 19.75 6V12C19.75 12.4142 19.4142 12.75 19 12.75C18.5858 12.75 18.25 12.4142 18.25 12V6C18.25 5.30964 17.6904 4.75 17 4.75H7C6.30964 4.75 5.75 5.30964 5.75 6V18C5.75 18.6904 6.30964 19.25 7 19.25H12C12.4142 19.25 12.75 19.5858 12.75 20C12.75 20.4142 12.4142 20.75 12 20.75H7C5.48122 20.75 4.25 19.5188 4.25 18V6ZM8.25 8C8.25 7.58579 8.58579 7.25 9 7.25H12C12.4142 7.25 12.75 7.58579 12.75 8C12.75 8.41421 12.4142 8.75 12 8.75H9C8.58579 8.75 8.25 8.41421 8.25 8ZM9 10.75C8.58579 10.75 8.25 11.0858 8.25 11.5C8.25 11.9142 8.58579 12.25 9 12.25H15C15.4142 12.25 15.75 11.9142 15.75 11.5C15.75 11.0858 15.4142 10.75 15 10.75H9ZM8.25 15C8.25 14.5858 8.58579 14.25 9 14.25H11.5C11.9142 14.25 12.25 14.5858 12.25 15C12.25 15.4142 11.9142 15.75 11.5 15.75H9C8.58579 15.75 8.25 15.4142 8.25 15ZM15.5 14.25C15.0858 14.25 14.75 14.5858 14.75 15C14.75 15.4142 15.0858 15.75 15.5 15.75H18.1893L14.4697 19.4697C14.1768 19.7626 14.1768 20.2374 14.4697 20.5303C14.7626 20.8232 15.2374 20.8232 15.5303 20.5303L19.25 16.8107V19.5C19.25 19.9142 19.5858 20.25 20 20.25C20.4142 20.25 20.75 19.9142 20.75 19.5V15C20.75 14.8011 20.671 14.6103 20.5303 14.4697C20.3897 14.329 20.1989 14.25 20 14.25H15.5Z"/>
`;

export const FontPageIcon = fontIcon(PageIconSVG);
export const FontLinkedPageIcon = fontIcon(LinkedPageSVG);

export const PageIcon = icon(PageIconSVG, 20);
export const LinkedPageIcon = icon(LinkedPageSVG, 20);

export const NewPageIcon = html`<svg
  width="20"
  height="20"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    fill="currentColor"
    d="M12 4.75C12.4142 4.75 12.75 5.08579 12.75 5.5V11.25H18.5C18.9142 11.25 19.25 11.5858 19.25 12C19.25 12.4142 18.9142 12.75 18.5 12.75H12.75V18.5C12.75 18.9142 12.4142 19.25 12 19.25C11.5858 19.25 11.25 18.9142 11.25 18.5V12.75L5.5 12.75C5.08579 12.75 4.75 12.4142 4.75 12C4.75 11.5858 5.08579 11.25 5.5 11.25L11.25 11.25V5.5C11.25 5.08579 11.5858 4.75 12 4.75Z"
  />
</svg>`;

export const DualLinkSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10.6667 6.19995C10.2525 6.19995 9.91667 5.86416 9.91667 5.44995C9.91667 5.03574 10.2525 4.69995 10.6667 4.69995H19C19.4142 4.69995 19.75 5.03574 19.75 5.44995V13.7833C19.75 14.1975 19.4142 14.5333 19 14.5333C18.5858 14.5333 18.25 14.1975 18.25 13.7833V7.26061L6.53033 18.9803C6.23744 19.2732 5.76256 19.2732 5.46967 18.9803C5.17678 18.6874 5.17678 18.2125 5.46967 17.9196L17.1893 6.19995H10.6667Z"/>`;
export const DualLinkIcon = icon(DualLinkSVG, 20);
export const DualLinkIcon16 = icon(DualLinkSVG, 16);

export const ArrowDownSmallIcon = html`
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M17.5804 8.96967C17.8733 9.26256 17.8733 9.73744 17.5804 10.0303L12.5804 15.0303C12.2875 15.3232 11.8126 15.3232 11.5197 15.0303L6.51972 10.0303C6.22683 9.73744 6.22683 9.26256 6.51972 8.96967C6.81261 8.67678 7.28749 8.67678 7.58038 8.96967L12.05 13.4393L16.5197 8.96967C16.8126 8.67678 17.2875 8.67678 17.5804 8.96967Z"
      fill="currentColor"
    />
  </svg>
`;

export const AddCursorIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M6 12H18M12 6V18"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
</svg> `;

export const FontFamilyIcon = html`
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M1 18.161C1 18.629 1.38658 18.9647 1.91558 18.9647C2.37337 18.9647 2.63787 18.751 2.81082 18.2627L4.10281 14.6208H9.91166L11.2138 18.2627C11.3868 18.751 11.6513 18.9647 12.1091 18.9647C12.6381 18.9647 13.0246 18.629 13.0246 18.161C13.0246 18.0288 12.9941 17.8762 12.9127 17.6523L8.18223 4.87489C7.95842 4.27467 7.59219 4 7.03267 4C6.43245 4 6.05605 4.28485 5.83224 4.88506L1.1119 17.6523C1.03052 17.8762 1 18.0288 1 18.161ZM9.39283 13.0643H4.63181L6.9818 6.37034H7.04284L9.39283 13.0643ZM13.6533 15.8314C13.6533 17.7337 15.0674 19.0054 17.1732 19.0054C18.5975 19.0054 19.9505 18.2119 20.5812 17.0013H20.6219V18.1101C20.6219 18.6391 20.9678 19.0054 21.4663 19.0054C21.9546 19.0054 22.3005 18.6391 22.3005 18.1101V11.5078C22.3005 9.40193 20.7338 8.05908 18.2516 8.05908C16.5323 8.05908 14.986 8.82206 14.3858 9.9818C14.2434 10.2361 14.1722 10.4905 14.1722 10.7143C14.1722 11.1924 14.4977 11.5078 14.9555 11.5078C15.2912 11.5078 15.5252 11.3755 15.688 11.0805C16.278 10.0327 17.0613 9.61557 18.2109 9.61557C19.6758 9.61557 20.5304 10.3887 20.5304 11.6807V12.5658L17.4886 12.7387C15.0471 12.8811 13.6533 14.0205 13.6533 15.8314ZM20.5304 14.8039C20.5304 16.3298 19.2384 17.4997 17.57 17.4997C16.2984 17.4997 15.454 16.8385 15.454 15.8314C15.454 14.8344 16.2678 14.2037 17.6921 14.1121L20.5304 13.9392V14.8039Z"
      fill="currentColor"
    />
  </svg>
`;

const AttachmentSVG = svg`<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12.2175 5.60799L6.17732 11.6483C4.27429 13.5017 4.27424 16.4984 6.17727 18.3518C8.09138 20.2161 11.2027 20.2161 13.1168 18.3518L19.0068 12.6288C19.3038 12.3401 19.7787 12.347 20.0673 12.644C20.356 12.9411 20.3491 13.4159 20.0521 13.7046L14.1634 19.4264C14.1633 19.4265 14.1635 19.4263 14.1634 19.4264C11.6669 21.8576 7.62711 21.8578 5.1307 19.4264C2.62432 16.9853 2.6231 13.0198 5.12704 10.5772L11.1676 4.53664C12.929 2.82109 15.7769 2.82114 17.5383 4.53669C19.3095 6.26181 19.3108 9.06644 17.542 10.7931L11.5014 16.8337C10.4751 17.8333 8.81906 17.8333 7.79275 16.8337C6.75536 15.8233 6.75536 14.1768 7.79275 13.1664L13.9911 7.12941C14.2879 6.84041 14.7627 6.84667 15.0517 7.1434C15.3407 7.44013 15.3344 7.91497 15.0377 8.20397L8.83932 14.2409C8.4065 14.6625 8.4065 15.3376 8.83932 15.7591C9.28219 16.1904 10.0075 16.1914 10.4517 15.7621L16.4917 9.72209C17.6596 8.58458 17.6596 6.74876 16.4917 5.61124C15.3138 4.46404 13.3968 4.46295 12.2175 5.60799Z"/>`;
export const AttachmentIcon = icon(AttachmentSVG, 20);
export const AttachmentIcon16 = icon(AttachmentSVG, 16);

export const TextBackgroundDuotoneIcon = html` <svg
  xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20"
  fill="none"
  viewBox="0 0 24 24"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M5.99998 4.35004C5.08871 4.35004 4.34998 5.08877 4.34998 6.00004V18C4.34998 18.9113 5.08871 19.65 5.99998 19.65H18C18.9112 19.65 19.65 18.9113 19.65 18V6.00004C19.65 5.08877 18.9112 4.35004 18 4.35004H5.99998Z"
    fill="currentColor"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M3.65002 6.00002C3.65002 4.70216 4.70216 3.65002 6.00002 3.65002H18C19.2979 3.65002 20.35 4.70216 20.35 6.00002V18C20.35 19.2979 19.2979 20.35 18 20.35H6.00002C4.70216 20.35 3.65002 19.2979 3.65002 18V6.00002ZM6.00002 4.35002C5.08875 4.35002 4.35002 5.08875 4.35002 6.00002V18C4.35002 18.9113 5.08875 19.65 6.00002 19.65H18C18.9113 19.65 19.65 18.9113 19.65 18V6.00002C19.65 5.08875 18.9113 4.35002 18 4.35002H6.00002Z"
    fill="black"
    fill-opacity="0.3"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M10.6897 7.75798C10.8946 7.21181 11.4167 6.84998 12 6.84998C12.5833 6.84998 13.1054 7.21181 13.3102 7.75798L16.3023 15.7367C16.4477 16.1245 16.2512 16.5568 15.8633 16.7022C15.4755 16.8477 15.0432 16.6512 14.8978 16.2633L14.0706 14.0576H9.92938L9.10223 16.2633C8.95679 16.6512 8.52448 16.8477 8.13664 16.7022C7.7488 16.5568 7.5523 16.1245 7.69774 15.7367L10.6897 7.75798ZM10.4919 12.5576H13.5081L12 8.53597L10.4919 12.5576Z"
    fill="#77757D"
  />
</svg>`;

const HighLightDuotoneSVG = svg`
  <path d="M5.82912 16.3197L7.91758 18.4082L6.57812 19.7476C6.53121 19.7945 6.46407 19.8151 6.39891 19.8026L3.37038 19.2199C3.21286 19.1896 3.15332 18.9955 3.26674 18.8821L5.82912 16.3197Z" fill="#1E96EB"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0095 3.51624C17.9526 2.45932 16.26 2.39465 15.1255 3.36783L7.3214 10.0624C6.35443 10.8919 6.0528 12.261 6.58168 13.42L6.73506 13.7562L5.67702 14.8142C5.30174 15.1895 5.30174 15.7979 5.67702 16.1732L8.06384 18.56C8.43912 18.9353 9.04757 18.9353 9.42285 18.56L10.4809 17.502L10.8171 17.6555C11.9761 18.1843 13.3453 17.8827 14.1747 16.9157L20.8693 9.11159C21.8425 7.9771 21.7778 6.28452 20.7209 5.22761L19.0095 3.51624ZM16.1022 4.50634C16.6416 4.04362 17.4463 4.07437 17.9489 4.5769L19.6602 6.28827C20.1628 6.79079 20.1935 7.59555 19.7308 8.13496L14.6424 14.0667L10.1705 9.59469L16.1022 4.50634ZM9.02862 10.5742L8.29803 11.2009C7.83827 11.5953 7.69486 12.2462 7.94632 12.7973L8.2979 13.5678C8.43485 13.8679 8.37953 14.233 8.13377 14.4788L7.11884 15.4937L8.74335 17.1182L9.75818 16.1034C10.004 15.8576 10.3692 15.8023 10.6693 15.9392L11.4398 16.2908C11.9909 16.5423 12.6419 16.3989 13.0362 15.9391L13.663 15.2085L9.02862 10.5742Z" fill="currentColor"/>
`;
export const HighLightDuotoneIcon = icon(HighLightDuotoneSVG, 20);

export const ArrowRightBigIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M13.0032 6.4927C12.723 6.79778 12.7432 7.27223 13.0483 7.5524L17.0745 11.25L5 11.25C4.58579 11.25 4.25 11.5858 4.25 12C4.25 12.4142 4.58579 12.75 5 12.75L17.0745 12.75L13.0483 16.4476C12.7432 16.7278 12.723 17.2022 13.0032 17.5073C13.2833 17.8124 13.7578 17.8326 14.0629 17.5524L19.5073 12.5524C19.662 12.4104 19.75 12.21 19.75 12C19.75 11.79 19.662 11.5896 19.5073 11.4476L14.0629 6.44761C13.7578 6.16743 13.2833 6.18762 13.0032 6.4927Z"
    fill="currentColor"
  />
</svg>`;

export const ExpandWideIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M4.25 5C4.25 4.58579 4.58579 4.25 5 4.25H8.5C8.91421 4.25 9.25 4.58579 9.25 5C9.25 5.41421 8.91421 5.75 8.5 5.75H6.81066L9.90533 8.84467C10.1982 9.13756 10.1982 9.61244 9.90533 9.90533C9.61244 10.1982 9.13756 10.1982 8.84467 9.90533L5.75 6.81066V8.5C5.75 8.91421 5.41421 9.25 5 9.25C4.58579 9.25 4.25 8.91421 4.25 8.5V5ZM14.75 5C14.75 4.58579 15.0858 4.25 15.5 4.25H19C19.4142 4.25 19.75 4.58579 19.75 5V8.5C19.75 8.91421 19.4142 9.25 19 9.25C18.5858 9.25 18.25 8.91421 18.25 8.5V6.81066L15.1553 9.90533C14.8624 10.1982 14.3876 10.1982 14.0947 9.90533C13.8018 9.61244 13.8018 9.13756 14.0947 8.84467L17.1893 5.75H15.5C15.0858 5.75 14.75 5.41421 14.75 5ZM9.90533 14.0947C10.1982 14.3876 10.1982 14.8624 9.90533 15.1553L6.81066 18.25H8.5C8.91421 18.25 9.25 18.5858 9.25 19C9.25 19.4142 8.91421 19.75 8.5 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19V15.5C4.25 15.0858 4.58579 14.75 5 14.75C5.41421 14.75 5.75 15.0858 5.75 15.5V17.1893L8.84467 14.0947C9.13756 13.8018 9.61244 13.8018 9.90533 14.0947ZM14.0947 14.0947C14.3876 13.8018 14.8624 13.8018 15.1553 14.0947L18.25 17.1893V15.5C18.25 15.0858 18.5858 14.75 19 14.75C19.4142 14.75 19.75 15.0858 19.75 15.5V19C19.75 19.4142 19.4142 19.75 19 19.75H15.5C15.0858 19.75 14.75 19.4142 14.75 19C14.75 18.5858 15.0858 18.25 15.5 18.25H17.1893L14.0947 15.1553C13.8018 14.8624 13.8018 14.3876 14.0947 14.0947Z"
    fill="currentColor"
  />
</svg> `;
export const ExpandFullIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M15.25 4C15.25 3.58579 15.5858 3.25 16 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4V8C20.75 8.41421 20.4142 8.75 20 8.75C19.5858 8.75 19.25 8.41421 19.25 8V5.81066L15.0303 10.0303C14.7374 10.3232 14.2626 10.3232 13.9697 10.0303C13.6768 9.73744 13.6768 9.26256 13.9697 8.96967L18.1893 4.75H16C15.5858 4.75 15.25 4.41421 15.25 4ZM10.0303 13.9697C10.3232 14.2626 10.3232 14.7374 10.0303 15.0303L5.81066 19.25H8C8.41421 19.25 8.75 19.5858 8.75 20C8.75 20.4142 8.41421 20.75 8 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20V16C3.25 15.5858 3.58579 15.25 4 15.25C4.41421 15.25 4.75 15.5858 4.75 16V18.1893L8.96967 13.9697C9.26256 13.6768 9.73744 13.6768 10.0303 13.9697Z"
    fill="currentColor"
  />
</svg> `;
export const MoveLeftIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M4.75 4C4.75 3.58579 4.41421 3.25 4 3.25C3.58579 3.25 3.25 3.58579 3.25 4V20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20V4ZM13.1548 8.56944C13.4693 8.29988 13.5057 7.8264 13.2361 7.51191C12.9665 7.19741 12.4931 7.16099 12.1786 7.43056L7.51191 11.4306C7.34567 11.573 7.25 11.7811 7.25 12C7.25 12.2189 7.34567 12.427 7.51191 12.5694L12.1786 16.5694C12.4931 16.839 12.9665 16.8026 13.2361 16.4881C13.5057 16.1736 13.4693 15.7001 13.1548 15.4306L10.0274 12.75H20C20.4142 12.75 20.75 12.4142 20.75 12C20.75 11.5858 20.4142 11.25 20 11.25H10.0274L13.1548 8.56944Z"
    fill="currentColor"
  />
</svg> `;
export const MoveRightIcon = html`<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M20.75 4C20.75 3.58579 20.4142 3.25 20 3.25C19.5858 3.25 19.25 3.58579 19.25 4V20C19.25 20.4142 19.5858 20.75 20 20.75C20.4142 20.75 20.75 20.4142 20.75 20V4ZM10.8452 8.56944C10.5307 8.29988 10.4943 7.8264 10.7639 7.51191C11.0335 7.19741 11.5069 7.16099 11.8214 7.43056L16.4881 11.4306C16.6543 11.573 16.75 11.7811 16.75 12C16.75 12.2189 16.6543 12.427 16.4881 12.5694L11.8214 16.5694C11.5069 16.839 11.0335 16.8026 10.7639 16.4881C10.4943 16.1736 10.5307 15.7001 10.8452 15.4306L13.9726 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H13.9726L10.8452 8.56944Z"
    fill="currentColor"
  />
</svg> `;

export const ArrowUpBigIcon = html`
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="20"
    height="20"
    viewBox="0 0 24 24"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill="currentColor"
      d="M17.5073 10.9968C17.2022 11.277 16.7278 11.2568 16.4476 10.9517L12.75 6.92547L12.75 19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19L11.25 6.92547L7.55239 10.9517C7.27222 11.2568 6.79777 11.277 6.49269 10.9968C6.18761 10.7167 6.16742 10.2422 6.4476 9.93714L11.4476 4.4927C11.5896 4.33803 11.79 4.25 12 4.25C12.21 4.25 12.4104 4.33803 12.5524 4.4927L17.5524 9.93714C17.8326 10.2422 17.8124 10.7167 17.5073 10.9968Z"
    />
  </svg>
`;

export const ArrowDownBigIcon = html`
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="20"
    height="20"
    viewBox="0 0 24 24"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill="currentColor"
      d="M17.5073 13.0032C17.2022 12.723 16.7278 12.7432 16.4476 13.0483L12.75 17.0745L12.75 5C12.75 4.58579 12.4142 4.25 12 4.25C11.5858 4.25 11.25 4.58579 11.25 5L11.25 17.0745L7.55239 13.0483C7.27222 12.7432 6.79777 12.723 6.49269 13.0032C6.18761 13.2833 6.16742 13.7578 6.4476 14.0629L11.4476 19.5073C11.5896 19.662 11.79 19.75 12 19.75C12.21 19.75 12.4104 19.662 12.5524 19.5073L17.5524 14.0629C17.8326 13.7578 17.8124 13.2833 17.5073 13.0032Z"
    />
  </svg>
`;
